title: jQuery tooltip hover loops animation
body: <p>I created a custom tooltip system in jQuery that creates a new element with CSS styling to position it above all of the other items and in the proper location.</p>
  
  <p>Everything works properly, but when the mouse moves over the tooltip, any animation that was caused by hovering over the parent object starts looping.</p>
  
  <p>Is there some way that I could prevent the hover event from triggering on my tooltips?</p>
  
  <p>Here is my code: <a href="http://jsfiddle.net/UzUct/1/" rel="nofollow">http://jsfiddle.net/UzUct/1/</a></p>