title: Popover content not showing after couple of clicks
body: <p>I was having problem debugging this issue where the popover content shows for the first two clicks</p>
  
  <p><a href="https://i.stack.imgur.com/G9Zkc.png" rel="nofollow noreferrer">First two clicks result</a></p>
  
  <p>The content won't show again everytime I click again.</p>
  
  <p><a href="https://i.stack.imgur.com/TQAMe.png" rel="nofollow noreferrer">After two clicks result</a> </p>
  
  <p>I have tried these solutions.They work the same but none of them solve my issue.</p>
  
  <p>first solution</p>
  
  <pre><code>function popoverdisplaypayments(booking_id,poptable){
          $('#popoverpayments'+booking_id).popover({
           html: true,
           container:'body',
           placement: 'top',
       });
       var popover = $('#popoverpayments'+booking_id).data('bs.popover');
       popover.options.content = $('#myPopoverContent').html(poptable);
       $('#popoverpayments'+booking_id).popover('show'); 
  </code></pre>
  
  <p>second solution</p>
  
  <pre><code>function popoverdisplaypayments(booking_id,poptable){
          $('#popoverpayments'+booking_id).popover({
           html: true,
           container:'body',
           placement: 'top',
           content: function () {
                  return $('#myPopoverContent').html(poptable);
           }
       });
       $('#popoverpayments'+booking_id).popover('show');
  </code></pre>
  
  <p>third solution</p>
  
  <pre><code>setTimeout(function () {
      function popoverdisplaypayments(booking_id,poptable){
              $('#popoverpayments'+booking_id).popover({
               html: true,
               container:'body',
               placement: 'top',
               content: function () {
                      return $('#myPopoverContent').html(poptable);
               }
           });
           $('#popoverpayments'+booking_id).popover('show'); 
  },500);
  </code></pre>
  
  <p>It seems like the content is not replaced in the popover option.Anyone knows the problem?</p>