jQuery mouse out and not hiding a particular element
<p>Let's say I've got two elements: an anchor which causes an occurence of a particular div.
In that single case I'm not able to wrap these two into a parent container, thus the whole markup has to be as following:</p>

<pre><code>&lt;a href="#" class="trigger"&gt;click me&lt;/a&gt;
&lt;div class="info"&gt;info displayed on trigger hover&lt;/a&gt;
</code></pre>

<p>The very basic question is: <strong>when the mouse leaves the trigger I want to hide the info window but only if the cursor is not over it.</strong> 
How can I do that?</p>

<p>Help appreciated,
regards</p>
