title: Find the <th> of a clicked <td> in a table when <th> has span greater than 1
body: <p>I'm trying to find a TD's associated TH cell, but am having trouble using JQuery's <code>index()</code> and <code>eq()</code> functions since the TH's in my table have spans of greater than one.</p>
  
  <p>I know I can retrieve a TD's cellIndex property, but would I use this to find the TH? Or is there another more appropriate way?</p>
  
  <p>Intended functionality is to click a cell and have it give me the name of the heading it's under. Code sample: <a href="http://jsfiddle.net/KyTDA/" rel="nofollow noreferrer">http://jsfiddle.net/KyTDA/</a></p>