Multiple .live() bound to element
<p>I have a nice tooltip script. Scrip puts element's title attribute into tooltip div. Tooltip follows mouse arrow via mousemove, removes div after mouseout and puts element's title back. It works perfect on static pages, but i have some troubles with ajax. </p>

<p><a href="http://jsfiddle.net/b5LRK/3/" rel="nofollow">http://jsfiddle.net/b5LRK/3/</a></p>

<p>And i'm tryin to apply .live() to this script. Something like this:</p>

<pre><code>$('[title]').live({
   mouseover: function(e) {
    var tip = $(this).attr('title');
    $(this).removeAttr('title');

    $('body').append('&lt;div id="tooltip"&gt;' + tip + '&lt;div class="tipArrow"&gt;&lt;/div&gt;&lt;/div&gt;');

    $('#tooltip').css('top', e.pageY + 25);
    $('#tooltip').css('left', e.pageX - 15);

}, mousemove: function(e) {

    $('#tooltip').css('top', e.pageY + 25);
    $('#tooltip').css('left', e.pageX - 15);

}, mouseout: function() {

    $(this).attr('title', $('#tooltip').text());
    $('body').children('div#tooltip').remove();

}});
</code></pre>

<p>And it's not working! What's the problem?</p>
