Using JQuery make all of the sections with class="column" fade slowly into view

Using JQuery make all of the sections with class="column" fade slowly into view

How do I get this to work?




Source Code

<div id="section-fade" style="display:none;">
        <div>
            <section id="col1" class="column">  <!-- use for rollover  -->
                <img id="img1" src="">
            </section>
            <section id="col2" class="column">   <!-- use for slideshow  -->
                <img id="img2" src="">
            </section>
            <section id="col3" class="column">   <!-- use for animation  -->
                <img id="img3" src="">
            </section>
            </div> <!--section fade-->
        </div>
    </body>
</html>


JS Code


$(document).ready(function(){
$('#section-fade').fadeIn("slow")
});