Empty and append expanding height of element
<p>I'm running this code:</p>

<pre><code>$('#storeTable').empty();

$('#storeTable').append("&lt;tr&gt;");
$('#storeTable').append("&lt;td&gt;");
$('#storeTable').append(returnData["1"]["ID"]);
$('#storeTable').append("&lt;/td&gt;");
$('#storeTable').append("&lt;/tr&gt;");
</code></pre>

<p>However if I run it multiple times in one page load, the 'storeTable' element gets taller and taller with every run. Am I missing something obvious, is this a gotcha of jQuery/JavaScript, is it the fault of my browser (Chrome), or am I doing something wrong?</p>

<p>The code obviously needs refining, I'm just trying to get a bare-bones implementation of a dynamic section of a page.</p>

<p>If you'd like any other details, please ask, rather than just downvoting without a comment.</p>

<p>storeTable is, of course, a table, too.</p>
