I have been trying to write my own tooltip script. I have the tooltips being created on mouseenter and a timeout to remove them on mouseleave (using .hover()).

I have found that if you move the mouse off of a visible tooltip and back onto it another sub-tooltip is created and the oroginal one never disappears.

Can anyone explain what I am doing wrong?

My code can be seen here:  http://jsfiddle.net/atwright147/YL9mm/

Thank you for your time :)