title: Animate div opacity on page load jQuery
body: <p>I have a jQuery slideshow where when a thumbnail is hovered over the picture changes and a description of the picture shows up in the larger version of the picture.  All of that works fine.  I would like, however, to change the opacity of the div that contains the description of the picture (because it's overlaid on top of the larger picture).  </p>
  
  <p>I don't know why the below code isn't working.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function () {
  
  $('#description').animate({opacity: 0.25},1000});
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>The selector is correct.  Thanks for any help</p>