Jquery first table, last row selection
<p>I'm having issues with the <code>tr:last</code>  selector.</p>

<p>I have a basic table:</p>

<pre><code>&lt;table id="myTable"&gt;
 &lt;tr&gt;
   &lt;td&gt;1&lt;/td&gt;
   &lt;td&gt;&lt;/td&gt;
 &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>When the user clicks on a link, It adds an addtional row to my table using:</p>

<pre><code>$("a#more").live("click", function(){

  $table = $('#myTable');
  var a = $table.find('tr:last').clone(true);
  $table.find('tr:last').after(a);  

});
</code></pre>

<p>Which works like a charm. However, the issue starts when I decided to add an additional table in the last <code>td</code> of my table:</p>

<pre><code>&lt;table id="myTable"&gt;
 &lt;tr&gt;
  &lt;td&gt; 1 &lt;/td&gt;
  &lt;td&gt;
    &lt;table id="myTable2"&gt;
    &lt;tr&gt;&lt;td&gt; Additional Information &lt;/td&gt;&lt;/tr&gt;
    &lt;/table&gt;
  &lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>WHen I use <code>clone</code>  this time, it picks the last row of my second table and copies a new row to my second table. My goal is to duplicate ONLY the entire last row of my first table and creating a new <code>tr</code> with all of the contents in it (including a copy of the second table).</p>

<p>I'm not sure how to go about this.</p>
