Problem in show value jQuery toolti
<p>I created a tooltip and i have problem with it, i want:</p>

<p>When that <code>mouseenter</code> on <code>hi</code> show value into next div it <code>value hi</code> <br>
When that <code>mouseenter</code> on <code>hello</code> show value into next div it <code>value hello</code> <br></p>

<p>But in following code, when that <code>mouseenter</code> on each tow <code>hi</code> &amp; <code>hello</code> showing <code>value hello</code>,</p>

<p>How can fix it?</p>

<pre><code>var tip = $('.tool_tip').closest('li').find('div').clone();
$('.tool_tip').mouseenter(function () {
    var $this = $(this),
    $div = '.'+$this.closest('li').find('div').attr('class');
    $(this).attr('title', '');
    $($div).hide().fadeIn('slow').children('.tipBody').html(tip);
}).mousemove(function (e) {

    $('.tooltip').css('top', e.pageY + 10);
    $('.tooltip').css('left', e.pageX + 20);

}).mouseleave(function () {
    $('.tooltip').hide();
})
</code></pre>

<p><strong>Example:</strong> <a href="http://jsfiddle.net/dege4/2/" rel="nofollow">http://jsfiddle.net/dege4/2/</a></p>
