JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jboxcdn.com/jBox.css">
<script src="http://code.jboxcdn.com/jBox.js"></script>
<ul id="more">
    <li><span href="#" class="tooltip" title="My Tooltip">Hover</span>
    <li><span href="#" class="tooltip" title="My Tooltip">Hover</span>    <li><span href="#" class="tooltip" title="My Tooltip">Hover</span></li>
</ul>

<button id="addmore" type="button">Add item</button>

JavaScript

var myJBOX;

$(document).ready(function() {
    
    myJBOX = new jBox('Tooltip', {
			attach: $('.tooltip')
		});
   
    // Setup add more elements button
    $('#addmore').click(function () {
        $('<li />', {
            html: '<span class="tooltip" title="Lorem ipsum: Added after page load!"><b>New</b> item!</span>'
        }).appendTo($('#more'));

				// Attach jBox to new element
			  myJBOX.attach();
    });
});