title: Bootstrap: popover button link not working
body: <p>I have used bootstrap popover with some customized jquery. Popover function is working fine but <strong>if i have add a button with an external link, its not working.</strong> See the code: <strong>there is two buttons "Button1" for popover &amp; "Button2" for external link.</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function () {
    $("body").tooltip({   
      selector: "[data-toggle='tooltip']",
      container: "body"
    })
    .popover({
      selector: "[data-toggle='popover']",
      container: "body",
      html: true
    });
  });
  
  $('body').on('click', function (e) {
    $('[data-toggle="popover"]').each(function () {
      if(!$(this).is(e.target) &amp;&amp;
         $(this).has(e.target).length === 0 &amp;&amp;
         $('.popover').has(e.target).length === 0) {
        $(this).popover('hide');
      }
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;div class="container" style="width:400px; height:400px; background:#000;padding-top:50px;"&gt;
    &lt;a data-placement="top" role="button" class="btn btn-danger" data-toggle="popover" data-content="Popover" data-original-title="" title=""&gt;
      Button1
    &lt;/a&gt;
    
    &lt;a class="btn btn-danger" href="http://facebook.com" target="_blank"&gt;Button2&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>