title: Select any column with jQuery
body: <p>Is it possible that the user could select any column of a table and that I could make it possible with jQuery?</p>
  
  <p>I have the example here to play: <a href="http://jsbin.com/oluyex/1/edit" rel="nofollow">http://jsbin.com/oluyex/1/edit</a></p>
  
  <p>jQUERY. I don't know how to select the children of each th:</p>
  
  <pre><code>$(function(){
      $("th").click(function(){
          $(this).("children").css("background-color","red"); 
      });
  })
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>&lt;table id="taula" border="1"&gt;
  &lt;tr&gt;
  &lt;th&gt;Header 1&lt;/th&gt;
  &lt;th&gt;Header 2&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;row 1, cell 1&lt;/td&gt;
  &lt;td&gt;row 1, cell 2&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;row 2, cell 1&lt;/td&gt;
  &lt;td&gt;row 2, cell 2&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>