title: Bootstrap popover not working with Jquery UI sortable
body: <p>Please see the jsfiddle here.  <a href="http://jsfiddle.net/aejwne1w/" rel="nofollow">http://jsfiddle.net/aejwne1w/</a></p>
  
  <p>I'm using Jquery 2.1.1, Jquery UI 1.11.2 and Bootstrap  3.2.0.  I want to be able to sort, as well as use the popover via a link within the sortable.  The sortable works, but the popover doesn't.  If I take away the sortable code, the popover works.</p>
  
  <pre><code>&lt;div class="stats"&gt;
  &lt;div class="panel panel-default ui-sortable-handle"&gt;
      &lt;div class="panel-body"&gt;
         test1
         &lt;a href="#" tabindex="0" data-toggle="popover" data-trigger="focus" data-html="true" viewport="{selector: '.container', padding: 0}" title="" data-content="test1" data-original-title="This is test1"&gt;More&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="panel panel-default ui-sortable-handle"&gt;
      &lt;div class="panel-body"&gt;
        test 2
        &lt;a href="#" tabindex="0" data-toggle="popover" data-trigger="focus" data-html="true" viewport="{selector: 'body', padding: 0}" title="" data-content="test2" data-original-title="This is test 2"&gt;More&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="panel panel-default ui-sortable-handle"&gt;
      &lt;div class="panel-body"&gt;
         test 3
         &lt;a href="#" tabindex="0" data-toggle="popover" data-trigger="focus" data-html="true" viewport="{selector: 'body', padding: 0}" title="" data-content="test3" data-original-title="This is test 3"&gt;More&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>&lt;script&gt;
  $('a[data-toggle=popover]').popover().click(function (e) {
      e.preventDefault();
  });
  $(".stats").sortable();
  &lt;/script&gt;
  </code></pre>
  
  <p>I know I'm doing something wrong.  Please help!  Thank you in advance.</p>