jQuery: How to disable hover on parent element when hovering over child element?
<p>So I have some HTML like this:</p>

<pre><code>&lt;a class="tooltip" title="my tool tip"&gt;
    Hover over me for a tool tip!
&lt;/a&gt;
</code></pre>

<p>the javascript changes the html into something like this:</p>

<pre><code>&lt;a class="tooltip"&gt;
    Hover over me for a tool tip!
    &lt;span style="position:absolute; display:none;"&gt;my tool tip&lt;/span&gt;
&lt;/a&gt;
</code></pre>

<p>When hovering over the parent element, the javascript triggers the child element to display. The child element is positioned so that it looks like it is not inside the parent element, so hovering over the child element still causes the child element to be displayed. I want to only show the child element when you are not hovering over it.</p>

<p>How can I do this?</p>
