title: Highlight a table column + colspan
body: <p>jsfiddle link: <a href="http://jsfiddle.net/KMzjp/" rel="nofollow">http://jsfiddle.net/KMzjp/</a></p>
  
  <p>So I am trying to highlight a table column based on a table header <code>th</code> element (there are three <code>th</code> elements so there should be three columns and the middle one highlighted).</p>
  
  <p>It works without <code>colspan</code>s. But when I add colspans to <code>tbody</code> (see the second table), it does not work as expected.</p>
  
  <p>See the jsfiddle link to understand my problem better.</p>
  
  <p>Any ideas how to solve this issue?</p>