I want to associate an event with an element and its children. What is the best way to do this?
$(element).bind('click', function(event) { doSomething(); });
$(element).bind('click', function(event) { doSomething(); }).children().bind("click",function(event){ // code to handle children click here event.stopPropagation(); // if you don't want event to bubble up });
The code you have will do just that.
Look in the target field to see which actual child node has seen the event.
target