JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://dl.dropbox.com/u/40036711/jquery.hovercard.js"></script>
<button id="btnGenerate" type="button">Generate content</button>
<br/><br/>
<div id="emptyDiv"></div>
CSS
body
{
font-family:Helvetica;
font-size:13px;
}
.hover-tip
{
color:#BA0000;
}
JavaScript
//Your dynamic content
var content = 'Dynamic <label class="hover-tip">HTML</label>, or DHTML, is an umbrella term for a collection of technologies used together to create interactive and animated web sites by using a combination of a static markup language (such as HTML), a client-side scripting language (such as JavaScript), a presentation definition language (such as CSS), and the Document Object Model.Source:wikipedia.'
//Clicking button will add content to the div and add the plugin to your class or id in content.
$('#btnGenerate').click(function() {
$('#emptyDiv').html(content);
//Add you plugin code once you have your content added/appended-----
var htmlForHovercard = 'Hypertext Markup Language is the predominant markup language for web pages. HTML elements are the basic building-blocks of webpages.'
$(".hover-tip").hovercard({
detailsHTML: htmlForHovercard
});
});