title: jQuery live function with setTimeout
body: <p>I'm trying to combine mouseenter, live and setTimeout function to make some animations</p>
  
  <pre><code>$(".kundenList li").live("mouseenter", function(){
      if ($(this).children().length &gt; 0) {
          $(this).data('timeout', setTimeout( function () {
              $(this).children("div.description").css({opacity: '0'});
  
              $(this).children("div.blacklayer").animate({
                  opacity: '0.85'
              }, 300);
  
              $(this).children("div.description").animate({
                  top: "-=200px",
                  opacity: '1'
              }, 300).css( 'cursor', 'pointer' );
  
              $(this).addClass("activeLI");
          }, 300));
      }
  });
  </code></pre>
  
  <p>Html looks like this</p>
  
  <pre><code>&lt;ul class="kundenList"&gt;
      &lt;li&gt;
          &lt;img src="t3.png" class="kundenImg" /&gt;
          &lt;div class="blacklayer" style="opacity: 0;"&gt;&lt;/div&gt;
          &lt;div class="description"&gt;
              &lt;h3&gt;Title&lt;/h3&gt;
              &lt;p&gt;Description&lt;/p&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Since I'm posting the question scrip apparently doesn't work :) . Anyone know why? Thanks.</p>
  
  <p>PS I need live function since I'm loading new content over ajax</p>