title: jQuery hover only works one time
body: <p>I am fairly new to jQuery, but I feel like I have a pretty decent grasp on it. Or at least this part of it. I've been through quite a few tutorials on jQuery, but I've never run into this problem before. </p>
  
  <p>I want to hover on an image and have it reveal a small paragraph beside it. I have written this jQuery that does exactly what I want it to do, except it only works once. Hovering over the image reveals the description paragraph, and moving outside the image hides it again, but then hovering won't do anything. Any ideas why this might be?</p>
  
  <pre><code>$(document).ready(function(){
      $('#novelDescrip').hide();
      $('#barDescrip').hide();
  
      $('.novel').hover(function(){
          $('#novelDescrip').fadeIn('slow', 1);
      },
      function(){$('#novelDescrip').hide();}
      );
  
      $('#barminder').hover(function(){
          $('#barDescrip').fadeIn('slow', 1);
      },
      function(){$('#barDescrip').hide();
      });
  
  });
  </code></pre>