jQuery: check if mouse is over an element
<p>I'm working with the following scenario:
I have an image map with hotspots. When you mouse over an <code>&lt;area&gt;</code> on the image map, shows a <code>&lt;div class="info-panel"&gt;</code>.  This div overlaps the <code>&lt;area&gt;</code>, so the div is hidden on mouseleave of <code>&lt;div class="info-panel"&gt;</code>. </p>

<p>This mostly works, but on the odd occasion, for example if you go ballistic and move the mouse around too fast, the div stays up. I think it may be in the small instances where the <code>&lt;area&gt;</code> and the <code>&lt;div&gt;</code> intersect. I wouldn't worry about it, only the client has pointed it out as a bug.</p>

<p>The only foolproof way I can think to fix this is to check on mouse move if an info-window is visible. If one is, then check whether the mouse is currently over it -- if it's not, then hide it.  This will ensure that an info window is never visible if a mouse is not over it.</p>

<p>My question is: how do I check whether the current mouse position is over an info window? Bearing in mind that this is for the exception rather than the rule, and I don't know <strong>for sure</strong> whether an info window is visible or not?</p>
