title: unable to get tooltip to work when usingjQuery load() content
body: <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>