title: Integrating Twitter Bootstrap popover with D3.js
body: <p>I would like to use a Twitter Bootstrap tooltip with D3.js. Here's an example of the tooltip I am trying to integrate with D3:</p>
  
  <p><a href="http://jsfiddle.net/kaZK5/1/" rel="nofollow">http://jsfiddle.net/kaZK5/1/</a></p>
  
  <p>As a minimal working example, I'm trying to use this tooltip on some text:</p>
  
  <pre><code>  svg.append('text')
      .attr('x', 100)
      .attr('y', 100)
      .attr('class', 'pop-div')
      .html('&lt;a href="#" class="myid" rel="popover" &gt;click me&lt;/a&gt;')
  </code></pre>
  
  <p>Unfortunately, the tooltip does not work on my text. How can I get this tooltip to work with D3?</p>