title: How to sort by Table SubHeadings with Jquery
body: <p>I am using jQuery tablesorter in my UI. I have a scenario where I have a table with 2 rows of headers. A main Header and a subheader. I want to add sorting to the subheader. How can i do that.</p>
  
  <p>this is how my code looks like,</p>
  
  <pre><code>&lt;table border="1"&gt;
  &lt;thead&gt;
  &lt;tr&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td colspan="3" align="center"&gt;English&lt;/td&gt;
      &lt;td colspan="3" align="center"&gt;Math&lt;/td&gt;
      &lt;td colspan="3" align="center"&gt;Science&lt;/td&gt;                                                                                            
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;th&gt;School Name&lt;/th&gt;
      &lt;th&gt;Test 1&lt;/th&gt;
      &lt;th&gt;Test 2&lt;/th&gt;
      &lt;th&gt;Test 3&lt;/th&gt;
  
      &lt;th&gt;Test 1&lt;/th&gt;
      &lt;th&gt;Test 2&lt;/th&gt;
      &lt;th&gt;Test 3&lt;/th&gt;
  
      &lt;th&gt;Test 1&lt;/th&gt;
      &lt;th&gt;Test 2&lt;/th&gt;
      &lt;th&gt;Test 3&lt;/th&gt;
  &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;           
  &lt;tr&gt;
      &lt;th&gt;School 1&lt;/th&gt;
      &lt;th&gt;10&lt;/th&gt;
      &lt;th&gt;10&lt;/th&gt;
      &lt;th&gt;10&lt;/th&gt;
  
      &lt;th&gt;10&lt;/th&gt;
      &lt;th&gt;10&lt;/th&gt;
      &lt;th&gt;10&lt;/th&gt;
  
      &lt;th&gt;10&lt;/th&gt;
      &lt;th&gt;10&lt;/th&gt;
      &lt;th&gt;10&lt;/th&gt;
  &lt;/tr&gt;    
  &lt;tr&gt;
      &lt;th&gt;School 2&lt;/th&gt;
      &lt;th&gt;9&lt;/th&gt;
      &lt;th&gt;9&lt;/th&gt;
      &lt;th&gt;9&lt;/th&gt;
      &lt;th&gt;9&lt;/th&gt;
      &lt;th&gt;9&lt;/th&gt;
      &lt;th&gt;9&lt;/th&gt;
      &lt;th&gt;9&lt;/th&gt;
      &lt;th&gt;9&lt;/th&gt;
      &lt;th&gt;9&lt;/th&gt;
  &lt;/tr&gt;  
  &lt;/tbody&gt;      
  </code></pre>
  
  <p></p>