[jQuery] cycle plugin not working

[jQuery] cycle plugin not working


I am trying to use the cycle plugin but all I get is a static list. I
have checked to make sure all my code is matching with the demos
online and still I dont get anywhere.
I have loaded this code inside the .ready function
$('#s1').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
next: '#next2',
prev: '#prev2'
});
This part has been loaded into the body tag obviously.
<div id="s1" class="pics">
<img src="/photo_site/pictures/bee.png" alt="1a" height="400"
width="600"/>
<img src="/photo_site/pictures/Bridge.jpg" alt="1b" height="400"
width="600"/>
<img src="/photo_site/pictures/Cat.jpg" alt="1c" height="400"
width="600"/>
<img src="/photo_site/pictures/desert.jpg" alt="1d" height="400"
width="600"/>
<img src="/photo_site/pictures/France.jpg" alt="1e" height="400"
width="600"/>
<img src="/photo_site/pictures/House.jpg" alt="1f" height="400"
width="600"/>
    </div>
This part has been loaded into the body tag obviously.
The page containing the code is:
http://royalvillicus.com/photo_site/...e/photo_1.html
The images are shown at the bottom
Thanks a lot for all your help