What is the fastest way to remove child elements from the DOM in IE?
<p>I am using jQuery, and have a table element that contains a few hundred rows. I want to remove all of the rows, and then add a new set of rows. I do this by calling remove and then append on the parent element.</p>

<p>My append logic is fairly fast, and follows the advice given here: <a href="http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly">http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly</a></p>

<p>However, the single call to remove takes 5 times as long as the append. What is the fastest way to clear the children of a dom element?</p>

<p>EDIT: Here is a condensed version of the code I use:</p>

<pre><code>var table = $('#mytable');
$('tbody', table).remove();
table.append(tBodyContents.join(''));
</code></pre>

<p>tBodyContents is an array of strings, that when combined will form a the html for the rows in the tbody.</p>
