title: Jquery, Clear / Empty all contents of tbody element?
body: <p>I thought this would be rather simple but it seems the empty method is not working to clear out a tbody that I have. I would appreciate if anyone knows a proper way to do this, I just want to delete everything contained within the tbody. So far I am trying:</p>
  
  <pre><code>$("#tbodyid").empty();
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tbody id="tbodyid"&gt;
  &lt;tr&gt;&lt;td&gt;something&lt;/td&gt;&lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>NOTE: I am trying to do this to integrate with a plugin written by someone else that I am being made to use for a project. I am generating new <code>&lt;tr&gt;&lt;td&gt;new data&lt;/td&gt;&lt;/tr&gt;</code> server-side and want to just be able to wipe out the existing table rows and replace them on AJAX callbacks.</p>