Check what element the cursor is on upon mouseleave() with jQuery?

Question

I have a set of list elements (

within a

) laid out as bubbles on a chart like this, where the bubbles are the

Answer 1

You need to use event.toElement || e.relatedTarget:

$('li').mouseleave(function(e)
{
    // new element is: e.toElement || e.relatedTarget
});

(Edited to note || e.relatedTarget to ensure browser compatibility)