title: jQuery AJAX adding table tr at end of table
body: <p>I have jQuery code that adds a response to the last <code>&lt;tr&gt;</code> of a table like so:</p>
  
  <pre><code>var table = '&lt;td&gt;' + result.table.product + '&lt;/td&gt;&lt;td&gt;' + result.table.code + '&lt;/td&gt;&lt;td&gt;' + result.table.value + '&lt;/td&gt;&lt;td&gt;' + result.table.time + '&lt;/td&gt;';
  $('#poo tr:last').after(table);
  </code></pre>
  
  <p>And here is my table:</p>
  
  <pre><code>&lt;?php
  
  $sql="SELECT * FROM wp_scloyalty WHERE userid = '$user_id' ORDER BY date ASC";
  $result=mysql_query($sql);
  ?&gt; 
  &lt;table id="poo" style="margin:10px 0px 0px 0px;" width="100%" border="0" cellpadding="0" cellspacing="0"&gt;
  &lt;tr&gt;
      &lt;td&gt;&lt;strong&gt;Product&lt;/strong&gt;&lt;/td&gt;
      &lt;td&gt;&lt;strong&gt;Code&lt;/strong&gt;&lt;/td&gt;
      &lt;td&gt;&lt;strong&gt;Value&lt;/strong&gt;&lt;/td&gt;
      &lt;td&gt;&lt;strong&gt;Date Redeemed&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;?php while($rows=mysql_fetch_array($result)){ ?&gt;  
  &lt;tr class="currentpoints"&gt;
      &lt;td&gt;&lt;? echo $rows['product']; ?&gt;&lt;/td&gt;
      &lt;td&gt;&lt;? echo $rows['code']; ?&gt;&lt;/td&gt;
      &lt;td&gt;&lt;? echo $rows['value']; ?&gt;&lt;/td&gt;
      &lt;td&gt;&lt;? echo $rows['date']; ?&gt;&lt;/td&gt;
  &lt;/tr&gt;  
  &lt;? } ?&gt;
  &lt;tr class="currentpoints"&gt;
      &lt;td id="producttd"&gt;&lt;/td&gt;
      &lt;td id="codetd"&gt;&lt;/td&gt;
      &lt;td id="valuetd"&gt;&lt;/td&gt;
      &lt;td id="datetd"&gt;&lt;/td&gt;
  &lt;/tr&gt;  
  &lt;/table&gt;
  </code></pre>
  
  <p>My problem is that when I add more than one entry it tries to fit them all into the last tr. Is there a way to add a tr or something after the last tr has been populated?</p>