title: Complex Bootstrap 2 Popovers Click to Dismiss
body: <p>I have multiple unique popovers on a page, need to hide them when clicking anywhere but the popover current active. The popovers are a little more complex than the standard implementation, so what I know do to make them hide doesn't apply.</p>
  
  <p><a href="http://jsfiddle.net/bb37385m/" rel="nofollow">http://jsfiddle.net/bb37385m/</a></p>
  
  <pre><code>$('.popover-markup &gt; .trigger').popover({
      html : true,
      title: function() {
        return $(this).parent().find('.head').html();
      },
      content: function() {
        return $(this).parent().find('.content').html();
      },
      container: 'body',
      placement: 'right'
  });
  </code></pre>