title: How to close a popover with a button inside this popover?
body: <p>I'm trying to have button. When somebody click on the button, a popover come. Inside the popover I have another button, and when somebody click on this button the popover will hide. </p>
  
  <p>That's work fine, but for open another time the popover I have to click two times on the button. </p>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;button type="button" class="actif" data-container="body" data-toggle="popover" data-placement="right" data-content="&lt;button type='button' class='annuler'&gt;NOT&lt;/button&gt;" data-html='true'&gt;
                                  ACTIVE
                              &lt;/button&gt;
  </code></pre>
  
  <p>My jQuery:</p>
  
  <pre><code>$('[data-toggle="popover"]').popover();
      $(document).on("click", ".annuler", function () {
           $('[data-toggle="popover"]').popover('hide');
      });
  </code></pre>
  
  <p>What I'm doing wrong?
  Best regards</p>