title: display alt tag for image using this - jquery
body: <p>A client wants the alt tag text to appear when hovered (and can't be convinced it should be title, alas). This is as far as I got, but I need only the hovered img's alt tag to display, rather than all of them. I tried removing 'each' but it broke (I know I'm not very good at this). How do I fix it: </p>
  
  <pre><code>$("ul.thumb li img").hover(function() {
    $(this).each(function(i, ele) {
    $("li").append("&lt;div class=alt&gt;"+$(ele).attr("alt")+"&lt;/div&gt;");
        $(this).mouseleave(function(event){
        $(".alt").css('display','none');
  });
  });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/QueTa/2/" rel="nofollow">Here it is in a fiddle</a></p>