title: Link in Bootstrap popover doesn't work
body: <p>I have a popover with focus-trigger and a link in the popover.</p>
  
  <p><strong>Html:</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="tree"&gt;
      &lt;div class="html-popup"&gt;
          Popup text &lt;a href="http://www.google.com" target="_top"&gt;Link somewhere&lt;/a&gt;
      &lt;/div&gt;
      &lt;a tabindex="0" role="button" data-container="body" data-toggle="popover" data-trigger="focus" data-placement="bottom"&gt;
          Text that has a popover
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JavaScript:</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>$('.tree [data-toggle="popover"  ]').popover({
      html: true,
      content: function () {
          return $(this).prev().html();
      }
  });
  </code></pre>
  
  <p>Here is a live sample: <a href="http://jsfiddle.net/vc7zn1o6/7/" rel="nofollow">JSFiddle</a></p>
  
  <p>In Chrome the link opens before the popover closes but in IE and Firefox it just closes the popover.</p>
  
  <p>I have to support IE9 and reasonably new versions of Firefox. How can I make the link open before the popover closes?</p>
  
  <p>Thanks!</p>