Jquery Fade in for a div within a div
===

Please help me on this. 

This is my webpage.

 
<div id="wrapper">
   
   <div id="header">
      header text
   </div>
   
   <div id="content">
      content text
   </div>

</div>
 
I want to fade-in the #content block. 

When I use <code> $("#wrapper").fadeIn(1500);</code> it works fine and it fades in the whole page But when i use <code> $("#content").fadeIn(1500);</code> it never works, nothing happends in regards to fading. 

What am I doing wrong? 

I tried <code> $("#wrapper #content").fadeIn(1500);</code> too, but no luck, can you guys please tell me how to target the #content div only?

Thanks heaps


