[jQuery] Events and child elements

[jQuery] Events and child elements

I have a DOM structure that is similar to this:
li.x
|---div
| |---h2---a
|---div
|---p
|---p
...where 'x' is the class name.
Then I use:
$('.x').mouseover(function() { console.info(this) })
And the mouseover and mouseout events get triggered multiple times as
I move the mouse over the child elements of li.x and 'this' is never
the li element, as it's covered by the divs completely.
Someone please tell me how to fix it. :)
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/