[SOLVED]JQuery.Cycle: can't get it working.[/SOLVED]

[SOLVED]JQuery.Cycle: can't get it working.[/SOLVED]

Hey Guys,

I'm new to JQuery and these forums but I've already learned myself valid XHTML/CSS in the past few months.

I wanted to created a futured content box on my new portfolio (Vertical sliding with 3 items). I've created this HTML (2 items so far):

<div id="slider">
                   <ul>
                        <li>
                            <div class="featured1">
                                <div id="featured_image1" class="featured_image">
                                    <img src="images/featured_1.png" id="img_featured1" alt="Featured Image" />
                                </div>
                                <div id="featured_text1" class="featured_text">
                                    <h1>Featured: Transinity Purplaum</h1>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tortor elit. Donec tincidunt gravida lacinia. Proin vel odio eu mi dignissim iaculis non non augue. Morbi vel porta est. In feugiat, orci sed ornare malesuada, lorem purus congue nulla, vitae euismod felis turpis pulvinar turpis.</p>
                                </div>
                                <div id="featured_dl_zip1" class="featured_dl_zip">download .zip</div>
                                <div id="featured_read_more1" class="featured_read_more">read more</div>
                            </div>
                        </li>
                        <li>
                            <div class="featured1">
                                <div id="featured_image1" class="featured_image">
                                    <img src="images/featured_1.png" id="img_featured1" alt="Featured Image" />
                                </div>
                                <div id="featured_text1" class="featured_text">
                                    <h1>Featured: Transinity Purplaum</h1>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tortor elit. Donec tincidunt gravida lacinia. Proin vel odio eu mi dignissim iaculis non non augue. Morbi vel porta est. In feugiat, orci sed ornare malesuada, lorem purus congue nulla, vitae euismod felis turpis pulvinar turpis.</p>
                                </div>
                                <div id="featured_dl_zip1" class="featured_dl_zip">download .zip</div>
                                <div id="featured_read_more1" class="featured_read_more">read more</div>
                            </div>
                        </li>
                    </ul>
                </div>


As you can see, theres a div called '#slider'. With and unordened list in it, every <li> stands for an item.
I tried this: (using the JQuery Cycle plug-in)

$(document).ready(function() {
   $('#slider').cycle({
      fx:     'scrollDown',
   });
});


But, it just doesn't do anything...
Can you please help me?

[SOLVED]I needed to ad >* (including children)[/SOLVED]