Please help, I just can't get it to work!!!

Please help, I just can't get it to work!!!

I am trying to get the jquery cycle plugin to work on but no matter what I try it doesn't work.
I have looked over all the code at 'http://malsup.com/jquery/cycle/' but it just doesn't give bassic instructions.
I would really appreciate any help, i'm sure it's something small that i'm doing wrong...

Head code---------------------------------------------------------------------
<script src="jquery.cycle.all.js" type="text/javascript"></script>

<script type="text/javascript">
$.fn.cycle.defaults.speed   = 900;
$.fn.cycle.defaults.timeout = 6000;

$(document).ready(function() {
   $('pre').each(function() {
        eval($(this).text());
});
});

</script>
---------------------------------------------------------------------------------


Body code---------------------------------------------------------------------
<div id="s1" class="pics">
    <img src="beach1.jpg" width="200" height="200" />
    <img src="beach2.jpg" width="200" height="200" />
    <img src="beach3.jpg" width="200" height="200" />
</div>
<pre>$('#s1').cycle('fade');</pre>
---------------------------------------------------------------------------------

Thanks in advance for any assistance