title: How to close popovers on modal close?
body: <p>I want to close all popovers that are in a modal, so that they are not displayed if I reopen the modal.</p>
  
  <p>The problem is that if I try to close at <code>$("#modal").on("hidden", function() { [...] });</code>, the targets are already unavailable. The same goes if I do it at <code>.on("shown", ...</code>.</p>
  
  <p>I cannot delete using :</p>
  
  <pre><code>$(".buttonPopover").popover("hide");
  </code></pre>
  
  <p>Because <code>.buttonPopover</code> is never available at the time I want to delete the popovers. How can I close them all without accessing their parent ?</p>
  
  <p><strong><a href="http://www.bootply.com/uWieWmHab9" rel="nofollow">Bootply</a></strong></p>