<p dir="auto">Okay please check this fiddle out: <a href="http://jsfiddle.net/p97xS/3/" rel="nofollow">http://jsfiddle.net/p97xS/3/</a><br>
So the issue is, When you open or close a popover by clicking the element on which the <code class="notranslate">popover</code> is initiated everything works well. Good!</p>
<p dir="auto">However problem arises when you plan to hide popover through another element (or button) using <code class="notranslate">$('#example').popover('hide')</code>. Sure the content and the popover is hidden but they are actually still present in the DOM. Which means if a popover <code class="notranslate">data-content</code> consists of buttons, you can still click them even if they are hidden!</p>
<p dir="auto">So in the example fiddle, click the main button - a popover appears. Now hide it using the second button. Popover is hidden but its contents are still clickable!</p>
<p dir="auto">i searched for an already opened issue but did not found any that was reporting this exact problem.</p>
<p dir="auto">I'm trying to use the destroy method on tooltip (bootstrap v3) but it does not remove the element from the DOM.</p>
<p dir="auto">Any idea ?</p>
<p dir="auto">Fiddle : <a href="http://jsfiddle.net/52VtD/59/" rel="nofollow">http://jsfiddle.net/52VtD/59/</a></p>
<p dir="auto">click on the button to trigger the tooltip destroy method</p>