jQuery td onclick to set a checkbox, no bubbling
<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="nofollow">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="http://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="http://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="http://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>
