JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<br><br>
<button class="btn btn-inverse">John Doe</button>

JavaScript

let popOver = $('button').popover({
		trigger: 'click',
    title: 'John',
    content: 'Loading...'
});

    
var popover = $('button').data('popover');

$('button').on('click', function() {
   
   setTimeout(function() {
   
   	var popover = $('button').popover('destroy').popover({
    	trigger: 'click',
      title: 'new title',
      content: 'new content'
    }).popover('show');
   
   }, 2000);   
});