Why is my tooltip not remaining visible on mouseover? (jQuery)

Question

I'm trying to get a tooltip to remain visible on mouseover. It works when you mouseover the first time. But try to mouseout, then mouseover another link and mouseover that tooltip. It will fade.

Check out the code on jsFiddle. Would love to know what I'm doing wrong here.

http://jsfiddle.net/6FpM8/7/

Answer 1

Try this

<a class="mylink" id="1" href="#" title="hey" >Test</a>
<a class="mylink" id="2" href="#" title="hey" >Test</a>
<a class="mylink" id="3" href="#" title="hey" >Test</a>

Just set the title via the html tag and not the JS, that worked in my Fire Fox.