title: jQuery: How to keep tooltip open on hover
body: <p>I'm working on a way to display a tooltip and keeping it open while the mouse hovers it. </p>
  
  <p>It's relatively easy to do with css3, but my challenge is that 1) it should work in IE7 and 2) I only have jQuery version 1.3.2 avaliable.</p>
  
  <p>So far I have this js:</p>
  
  <pre><code>$(function() {
       $('.circle').hover(function() {
           $(this).find('.tooltip').fadeIn(250);
       }, function() {
           $(this).find('.tooltip').fadeOut(250);
       });
  });
  </code></pre>
  
  <p>and it's looking like <a href="https://jsfiddle.net/w24Lxbg7/10/" rel="nofollow">this</a>, but how can I keep the tooltips open so that the links inside them can be clicked?</p>