Dismiss Bootstrap Popover by Clicking outside

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<a href="username">Open Popover</a>

JavaScript

/***** Create the popover **************/

var options = {
 content: '<h1>Pop Over Content</h1>',
 html: true,
 placement: 'bottom'
};

$('username').popover(options);

/***** Dismiss all popovers by clicking outside  **************/

$('html').on('click', function(e) {
  if (typeof $(e.target).data('original-title') == 'undefined') {
    $('[data-original-title]').popover('hide');
  }
});