title: Tick a checkbox in a table cell by clicking anywhere in the table cell
body: <p>I'm trying to figure out how to do this, but I can't find the information anywhere. Basically, I have a table with each cell containing a checkbox. I want to be able to tick the checkbox by clicking anywhere within the cell. I can't figure out how to do it, Javascript would be the best type of solution for me but I could also use jQuery.</p>
  
  <p>Here is a row of my table I wish to do this in:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;&lt;center&gt;9:00 - 10:00&lt;/center&gt;&lt;/td&gt;
      &lt;td&gt;&lt;center&gt;&lt;input type="checkbox" name="free" value="mon09"&gt;&lt;/center&gt;&lt;/td&gt;
      &lt;td&gt;&lt;center&gt;&lt;input type="checkbox" name="free" value="tue09"&gt;&lt;/center&gt;&lt;/td&gt;
      &lt;td&gt;&lt;center&gt;&lt;input type="checkbox" name="free" value="wed09"&gt;&lt;/center&gt;&lt;/td&gt;
      &lt;td&gt;&lt;center&gt;&lt;input type="checkbox" name="free" value="thu09"&gt;&lt;/center&gt;&lt;/td&gt;
      &lt;td&gt;&lt;center&gt;&lt;input type="checkbox" name="free" value="fri09"&gt;&lt;/center&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>