JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.min.js"></script>
<div id="popover-triggers">
    <a class="btn has-popover" data-content="Hello world">Initial trigger</a>
</div>

<a class="btn btn-orange add-one">Add new Popover trigger</a>

JavaScript

$('body').popover({
    selector: '.has-popover',
    trigger: 'hover'
});

$('.add-one').on('click', function () {
    $('#popover-triggers').append("<a class='btn has-popover' data-content='Hello world'>Added trigger</a>")
;});