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

$('button').popover({
    title: 'John',
    content: 'Loading...'
});

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

setTimeout(function() {
    $('button').attr('data-content', 'hello');
    var popover = $('button').data('popover');
    popover.setContent();
    popover.$tip.addClass(popover.options.placement);
},2000);