JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dl.dropbox.com/u/40036711/jquery.hovercard.min.js"></script>
<li id="577" class="item">
    <span>
        <h3 class="padding-left"><label class="labeldesc" for="">Text</label></h3>
    </span>
    <span class="job-descr" id="hiden-577">TextTextTextTextText</span>
</li>
<li id="588" class="item">
    <span>
        <h3 class="padding-left"><label class="labeldesc" for="">Text2</label></h3>
    </span>
    <span class="job-descr" id="hiden-588">Text2Text2Text2Text2Text</span>
</li>

JavaScript

$('.labeldesc').hovercard({
    onHoverIn: function() {
        var txt = $($(this).parents('li')[0]).find('.job-descr').html();
        console.log(txt);
        $(this).find('.hover_text').html(txt);
    },
    detailsHTML: '<div class="hover_text"></div>'
});