Here's some sample code:

Click handler for checkbox

$('input:checkbox').click(function(evt) {

evt.stopImmediatePropagation();

$(window).trigger('click');

return true;

});

Click handler for container of checkbox

$('#container').click(function() {

Do something which should not be done when clicking on

the checkbox

});

$(window).click(function() {

// Check if a drop-down menu is open somewhere, and close it

$('#drop-down').addClass('hidden');

});

The problem is that in WebKit-based browsers (Chrome and Safari to be exact), and also in IE7, clicking on the checkbox doesn't cause it get checked! On Firefox, Opera and IE8 it works absolutely fine!!