With jquery moving one table column to a new table
<p>What I am trying to do is take the last colomn in a table placed into a new table altogether. I got this working the problem is I want this to work for multiple tables with the same class names. Right now it only takes the first tables cols and repeats them. I have an idea of why but I am not sure how to target each table as an individual element even though they all have the same class name.  </p>

<p>jquery </p>

<pre><code>function fixLastColumn() {                
// makes new table 
     var nt = $('&lt;table class="ft_fixedTable"&gt;&lt;/table&gt;');

     $(".ft_FixedTable tr").each(function(i) { 
        nt.append('&lt;tr class="ft_fixTR"&gt;&lt;td class="ft_fixTD"&gt;'+$(this).children('td:last').html()+'&lt;/td&gt;&lt;/tr&gt;')
     })
    nt.appendTo('.fixedDiv');

    // remove last column
    $('.ft_FixedTable tr').each(function(i) {
   $(this).children('td:last').remove();
     });
   }

$(document).ready(function() {
    fixLastColumn();
 });
</code></pre>

<p>html</p>

<pre><code>&lt;table class="ft_FixedTable"&gt;
    &lt;thead&gt; 
        &lt;tr&gt;
        &lt;td&gt;Title 1&lt;/td&gt;
        &lt;td class="ft_fixedCol"&gt;fixed one&lt;/td&gt;&lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tr&gt;
    &lt;td&gt;Content Content Content Content Content&lt;/td&gt;
    &lt;td&gt;Fixed content &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;

&lt;div class="fixedDiv"&gt;&lt;/div&gt;
</code></pre>
