title: Jquery captions on Hover
body: <p>I've written a simple script in jQuery that allows a caption to pop in and out based on the .hover trigger.</p>
  
  <p>The problem is that you have to hover over the image, move back out then hover over it again before it works. (you can see what I mean here <a href="http://jsfiddle.net/sambeckhamdesign/bqjqb/" rel="nofollow">http://jsfiddle.net/sambeckhamdesign/bqjqb/</a>)</p>
  
  <p>Is it a problem with the <code>(document).ready()</code> part or just a glitch in jQuery itself? I really can't see the problem here, seems too simple to mess up lol.</p>
  
  <pre><code>jQuery(document).ready(function() {
  $(".projectImages li").hover(
  
  function() {
      $(this).find(".imageCaption").animate({
          opacity: "show",
          bottom: "0"
      }, "fast");
  },
  
  function() {
      $(this).find(".imageCaption").animate({
          opacity: "hide",
          bottom: "-50"
      }, "fast");
  });
  });
  </code></pre>