title: Inserting a table column with jQuery
body: <p>I have a table of data that I need to dynamically add a column to. Lets say I have this basic table to start with:</p>
  
  <pre><code>&lt;table&gt;
   &lt;tr&gt;&lt;td&gt;cell 1&lt;/td&gt;&lt;td&gt;cell 2&lt;/td&gt;&lt;td&gt;cell 3&lt;/td&gt;&lt;/tr&gt;
   &lt;tr&gt;&lt;td&gt;cell 1&lt;/td&gt;&lt;td&gt;cell 2&lt;/td&gt;&lt;td&gt;cell 3&lt;/td&gt;&lt;/tr&gt;
   &lt;tr&gt;&lt;td&gt;cell 1&lt;/td&gt;&lt;td&gt;cell 2&lt;/td&gt;&lt;td&gt;cell 3&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I would like to insert a column between cell 1 and cell 2 in each row... I've tried this but it just isn't working like I expect... </p>
  
  <pre><code>$(document).ready(function(){
   $('table').find('tr').each(function(){
    $(this).prepend('&lt;td&gt;cell 1a&lt;/td&gt;');
   })
  })
  </code></pre>