title: Bootstrap popover destroy & recreate works only every second time
body: <p>I want to programmatically destroy &amp; recreate a specific Bootstrap popover. So what I do is:</p>
  
  <pre><code>$('#popoverspan').popover('destroy');
  $('#popoverspan').popover({placement : 'bottom', trigger : 'hover', content : 'Here it is!'});
  </code></pre>
  
  <p>And it works every second time only. I thought that it's the matter of the time it takes to destroy the popover, but even adding a delay between the two lines doesn't help. I recreated the problem in JSFiddle: <a href="http://jsfiddle.net/Lfp9ssd0/10/">http://jsfiddle.net/Lfp9ssd0/10/</a></p>
  
  <p>Why is it like that? It has been suggested that it works, e.g. in <a href="https://stackoverflow.com/questions/23055933/twitter-bootstrap-popover-with-dynamically-generated-content-via-ajax/23056568#23056568">Twitter Bootstrap Popover with dynamically generated content via ajax</a> and <a href="https://stackoverflow.com/questions/19620424/bootstrap-popover-reinitialization-to-refresh-content">Bootstrap Popover Reinitialization (To refresh Content)</a></p>
  
  <p>It works just fine when I skip the destroying, but I am not sure what happens when I create another popover for an element without destroying the already existing one. Is it reinitialised or does it create a new popover with losing the access to the old one?</p>