title: How can I get the corresponding table header (th) from a table cell (td)?
body: <p>Given the following table, how would I get the corresponding table header for each td element?</p>
  
  <pre><code>&lt;table&gt;
      &lt;thead&gt; 
          &lt;tr&gt;
              &lt;th id="name"&gt;Name&lt;/th&gt;
              &lt;th id="address"&gt;Address&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt; 
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Bob&lt;/td&gt;
              &lt;td&gt;1 High Street&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Given that I currently have any of the <code>td</code> elements available to me already, how could I find the corresponding <code>th</code> element?</p>
  
  <pre><code>var $td = IveGotThisCovered();
  var $th = GetTableHeader($td);
  </code></pre>