title: jquery fadein div on hover within wordpress loop
body: <p>I've been playing around with a few different ways of doing this and i'm not 100% sure any of them will work once put into the loop.</p>
  
  <p>I've tried a few different types of jquery hover effects but is there a way to only select the .displayDiv that is a child of the li i'm hovering?</p>
  
  <p>I put where i'm at here: <a href="http://jsfiddle.net/XkaLh/" rel="nofollow">http://jsfiddle.net/XkaLh/</a></p>
  
  <pre><code>$('li').hover(
      function()
  {
      $('.hoverDisplay').animate({ 'opacity': 1 });
  },
  function()
  {
      $('.hoverDisplay').animate({ 'opacity': 0 });
  }); 
  </code></pre>
  
  <p>Thanks in advance for help</p>