title: How to display text over a faded image on hover using jquery
body: <p>I have a picturelink that fades opacity on hover.  What I need is for text to be displayed over it.  Here is an example of what I want:
  <a href="http://kspla.tumblr.com/" rel="noreferrer">http://kspla.tumblr.com/</a>
  My code below fades the opacity to 40% but I have no idea how to get text to be displayed over it.</p>
  <pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
  
  $(document).ready(function() {
      $('#wb_Image2, #wb_Image3 a img').animate({
          opacity:1
      
      });
      
      $('#wb_Image2, #wb_Image3 a img').hover(function() {
          $(this).stop().animate({opacity:.4},200);
      
      }, function() {
          $(this).stop().animate({opacity:1},500)
      
      });
  
  
  });
  </code></pre>
  
  <p>Thanks in advance.</p>