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="">Text1</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>

CSS

body{
    font-size:13px;
    font-family:Sans-serif;
    padding:20px;
}
.padded
{
    padding:15px 10px;
    border:solid 2px #eee;
    background:#333;
}
#hint
{
    margin-bottom:20px;
    padding:5px;
    background:#ffffaa;
}

JavaScript

$('.labeldesc').each(function(){
    $(this).hovercard({
        detailsHTML: $("#hiden-"+$(this).closest('.item').attr('id')).html()
    });
});