Confusion with jQuery mouseout event
This is what the mouseleave
event is for.
$('#parent').mouseleave(function(){
//something here
});
http://api.jquery.com/mouseleave/
.mouseleave
works perfectly here:
$("#parent").mouseleave(function(){
//Enter stuff that should happen when mouse leaves
//the boundaries of the parent element
// NOT including the children
});
.mouseout
fires on mousing over child elements!