JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dl.dropbox.com/u/40036711/jquery.hovercard.min.js"></script>
<ul class="demo">
    <li>
        <a href="#"><span class="babe-hover" data-control="control-01">William Johnson</span></a>
        <div id="control-01" style="display: none;">
            <p class="s-desc">Address: 64 Newman Street.</p>
            <ul class="s-stats">
                <li>Tweets<br><span class="s-count">1337</span></li>     
            </ul>
        </div>
    </li>
    <li>
        <a href="#"><span class="babe-hover" data-control="control-02">Hanson Thomas</span></a>
        <div id="control-02" style="display: none;">
            <p class="s-desc">Address: 64 Newman Street.</p>
            <ul class="s-stats">
                <li>Tweets<br><span class="s-count">1337</span></li>     
            </ul>
        </div>
    </li>
</ul>

JavaScript

$('.babe-hover').each(function(){    
var $this = $(this),
    myControlId = $this.attr('data-control'),
    htmlForHovercard = $('#'+ myControlId).html();

$this.hovercard({ 
    detailsHTML: htmlForHovercard,
    width:278 
}); 
});