title: Display div on img mouseover (jquery)
body: <p>So I'm working on a mouseover effect on images that will display a div of text. I have the css all set but I'm having trouble with the Jquery. I'm using this inline in a wordpress theme, I'm wondering if that could be my problem.</p>
  
  <pre><code>&lt;script type="text/javascript" src="scripts/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(".imgHover").hover(function() {
          $(this).children("img").fadeTo(200, 0.25)
          .end().children(".hover").show();
      }, function() {
          $(this).children("img").fadeTo(200, 1)
          .end().children(".hover").hide();
      });
  &lt;/script&gt;
  
  &lt;div class="imgHover"&gt;
      &lt;div class="hover"&gt;Test Content for the hover&lt;/div&gt;
      &lt;img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can anyone help me out?</p>