[jQuery] Selecting a checkbox by clicking anywhere on a row

[jQuery] Selecting a checkbox by clicking anywhere on a row


Hi there,
I'm trying to make a page which automatically toggles a checkbox when
you click anywhere on the row.
Here's a version I've cut down to the bare bones to illustrate
http://dev.savingforchildren.co.uk/mjs/row_select.epl
It seems to work fine unless the user actually clicks on the checkbox
itself. In this case it seems that it actually gets toggled twice and
so reverts to its original state.
Any suggestions on the cleanest / simples way to avoid this? (I can
think of a few messy ways)
Thanks
Michael