title: can't recreate the Twitter bootstrap popover demo on jsfiddle.net
body: <p>Twitter has a JavaScript plugin that makes little popovers (scroll over an element, and a box pops up providing additional information).  This plugin also uses the bootstrap-twipsy.js file.</p>
  
  <p>There's a demo here <a href="http://Twitter%20Bootstrap%20JS" rel="nofollow">http://twitter.github.com/bootstrap/javascript.html</a> if you scroll down to the Popovers demo.</p>
  
  <p>I've copied the code for the demo at this fiddle <a href="http://jsfiddle.net/mjmitche/mT76T/16/" rel="nofollow">http://jsfiddle.net/mjmitche/mT76T/16/</a></p>
  
  <p>and I also included the necessary files (bootstrap-popver.js and bootstrap-twipsy.js) but the popovers not working when I scroll over. </p>
  
  <p>Can anyone explain what I'm doing wrong? </p>
  
  <p>This is the html</p>
  
  <pre><code>&lt;a href="#" class="btn danger" rel="popover" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A title"&gt;hover for popover&lt;/a&gt;
  </code></pre>
  
  <p>and this is the jquery function i added to get the popover to show</p>
  
  <pre><code>    $(document).ready(function() {
     $('#blob').popover('show');
  });
  </code></pre>