unable to get tooltip to work when usingjQuery load() content
<p>I am having problem getting my tooltip to work when using the jQuery load() function. The tooltip works fine if i don't use load() to load external dynamic data. </p>

<p>I googled and found the i may need to use live(), but I can't figure how to get it to work. Any suggestion?</p>

<p>thank you!!</p>

<p>Here is my scripts:</p>

<pre><code>function loadEMERContent(uid) {
    $("#ActionEWPNBook").load("ajaxLoadDATA.cfm?uid="+uid, null, showLoading);
    $("#EWPNBookloading").html('&lt;img src="/masterIncludes/images/ajaxLoading.gif" alt="loading" align="center" /&gt;');
}

function showLoading() {
    $("#EWPNBookloading").html('');

}


function simple_tooltip(target_items, name){
 $(target_items).each(function(i){
        $("body").append("&lt;div class='"+name+"' id='"+name+i+"'&gt;&lt;p style='padding:5px;'&gt;"+$(this).attr('title')+"&lt;/p&gt;&lt;/div&gt;");
        var my_tooltip = $("#"+name+i);

        $(this).removeAttr("title").mouseover(function(){
                my_tooltip.css({opacity:0.8, display:"none"}).stop().fadeIn(400);
        }).mousemove(function(kmouse){
                my_tooltip.css({left:kmouse.pageX+15, top:kmouse.pageY+15});
        }).mouseout(function(){
                my_tooltip.stop().fadeOut(400);               
        });
    });
}
</code></pre>

<p>Here is my ajaxLoadDATA.cfm: it returns an unorder list</p>

<pre><code>&lt;li&gt;&lt;span title="dynamic title here" class="tipthis"&gt;date&lt;/span&gt;&lt;/li&gt;
</code></pre>
