title: How can I close a Twitter Bootstrap popover with a click from anywhere (else) on the page?
body: <p>I'm currently using popovers with Twitter Bootstrap, initiated like this:</p>
  
  <pre><code>$('.popup-marker').popover({
          html: true,
          trigger: 'manual'
      }).click(function(e) {
          $(this).popover('toggle');
          e.preventDefault();
      });
  </code></pre>
  
  <p>As you can see, they're triggered manually, and clicking on .popup-marker (which is a div with a background image) toggles a popover. This works great, but I'd like to also be able to close the popover with a click anywhere else on the page (but not on the popover itself!).</p>
  
  <p>I've tried a few different things, including the following, but with no results to show for it:</p>
  
  <pre><code>$('body').click(function(e) {
      $('.popup-marker').popover('hide');
  });
  </code></pre>
  
  <p><strong>How can I close the popover with a click anywhere else on the page, but not with a click onthe popover itself?</strong></p>