JQuery, Clear / Clear all contents of tbody element?

Question

I thought it would be pretty simple, but it seems that an empty method does not work to clear yours which I have. I would appreciate if anyone knows the right way to do this, I just want to remove everything in the body. While I'm trying:

$("#tbodyid").empty(); 

HTML:

 <table> <tbody id="tbodyid"> <tr><td>something</td></tr> </tbody> </table> 

NOTE. I am trying to do this in order to integrate with a plugin written by someone else that I use for a project. I am creating a new server side <tr><td>new data</td></tr> and I just want to erase the existing table rows and replace them with AJAX callbacks.

Answer 1

JQuery

 $("#tbodyid").empty(); 

HTML:

 <table> <tbody id="tbodyid"> <tr><td>something</td></tr> </tbody> </table> 

Works for me
http://jsfiddle.net/mbsh3/

Answer 2

You probably already figured this out, but for someone stuck in this problem:

 $("#tableId > tbody").html(""); 

Answer 3

  <table id="table_id" class="table table-hover"> <thead> <tr> ... ... </tr> </thead> </table> 

use this command to clear the body of this table: $("#table_id tbody").empty()

I use jquery to dynamically load the contents of a table and use this command to clear the body when updating.

Hope this helps you.