title: jQuery td onclick to set a checkbox, no bubbling
body: <p>I'd like to be able to click on the td element in a table and have it check or uncheck a checkbox in a sibling td on the same row. </p>
  
  <ul>
  <li>Clicking the checkbox should still
  work normally.  </li>
  <li>Clicking the td
  element the checkbox resides in
  should also check the checkbox.</li>
  <li>Clicking different td's should not
  require double clicks (reset click)
  due to a bad toggle implementation</li>
  </ul>
  
  <p>Fiddle:
  <a href="http://jsfiddle.net/cJ2us/" rel="noreferrer">http://jsfiddle.net/cJ2us/</a></p>
  
  <p>Please note, yes this is very similar to a number of questions, please don't link any duplicates unless you actually understand the problem I have and how the answers given there do not fit my question. e.g.</p>
  
  <p><a href="https://stackoverflow.com/questions/5096410/jquery-event-on-wrapped-input-radio-override-checked-event">Jquery event on wrapped input radio override &#39;checked&#39; event</a>
  Not checkboxes</p>
  
  <p><a href="https://stackoverflow.com/questions/4868769/jquery-onclick-div-checks-a-checkbox">jQuery onclick div checks a checkbox</a>
  toggle doesn't allow clicking on seperate td's to carry out each check and uncheck</p>
  
  <p><a href="https://stackoverflow.com/questions/6307993/find-the-checkbox-in-sibling-td-and-check-it-using-jquery">Find the Checkbox in Sibling &lt;td&gt; and check it using jQuery</a> doesn't fit this example, code doesn't actually work how answerer thinks</p>
  
  <p>In saying that, if you find a dupe that fits let me know! I just want a workable solution.</p>