Jquery and adding row to table
<p>I have the following jquery code.</p>

<pre><code>var destTable = $("#numbers");
$(document).ready(function() {
  $("#btnAdd").click(function() {
   //Take the text, and also the ddl value and insert as table row.
   var newRow = $("&lt;tr&gt;&lt;td&gt;hi&lt;/td&gt;&lt;/tr&gt;");
   $("#numbers").append(newRow);
  });
});
</code></pre>

<p>What I would really like is to store a reference to an element once and then use it from there on it.</p>

<p>The code above add's a row to my table as expected but if I use. <code>$(destTable).append(newRow)</code> or <code>destTable.append(newRow)</code> nothing happens could anyone shed any light on this for me?</p>

<p>Thanks</p>
