title: Get column header and row header on cell click
body: <p>I already have the function working on selecting a cell, using this:</p>
  
  <pre><code>$('td').click(function(){
      //do things here
  }
  </code></pre>
  
  <p>I want it get the text from the header of the column (this is within thead and then it's own th tag), and also get the row header, this is the left most column on the table and is also denoted under a th tag.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table&gt;
  &lt;thead&gt;
  &lt;tr&gt;
      &lt;th&gt;Day/Time&lt;/th&gt;
      &lt;th&gt;10:00&lt;/th&gt;
      &lt;th&gt;11:00&lt;/th&gt;
      &lt;th&gt;12:00&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tbody&gt;
  &lt;tr&gt;
      &lt;th&gt;Monday&lt;/th&gt;
      &lt;td&gt;Cell data&lt;/td&gt;
      &lt;td&gt;Cell data&lt;/td&gt;
      &lt;td&gt;Cell data&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;th&gt;Tuesday&lt;/th&gt;
      &lt;td&gt;Cell data&lt;/td&gt;
      &lt;td&gt;Cell data&lt;/td&gt;
      &lt;td&gt;Cell data&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;th&gt;Wednesday&lt;/th&gt;
      &lt;td&gt;Cell data&lt;/td&gt;
      &lt;td&gt;Cell data&lt;/td&gt;
      &lt;td&gt;Cell data&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>