title: d3 pie chart with link in tooltip
body: <p>I have a d3 pie chart that displays a tooltip on hover. I need to have a link in the tooltip box, but the box disappears once the cursor leaves the pie chart. How can i modify the mouseover/mouseout function to stay open when the cursor is inside?</p>
  
  <pre><code>.on('mouseover', function (d) {
  $("#tooltip")
      .html(d.data.label)
      .stop(true).fadeTo(800, 1);
  })              
  
  .on('mouseout', function (d) {
  $("#tooltip").fadeOut(900, 0);
  });
  </code></pre>
  
  <p>here is my <a href="http://jsfiddle.net/khds120/fQ74M/" rel="nofollow">fiddle</a></p>