jQueryの設置方法

基本的な質問で申し訳ありませんが、どなたかご教授くださいませ。

以前の質問を参考にしながらjQueryを設置しようとしていますがうまくいきません。
http://ja.forums.wordpress.org/topic/3246?replies=5

■設置したいjquery
http://logicbox.net/jquery/simplyscroll/

1．テーマフォルダ直下に「simplyscroll」フォルダ作成。

2．そのフォルダに、画像（topimg.jpg、topimg2.jpg）と jquery.simplyscroll.min.js, jquery.simplyscroll.cssをコピー。

3．header.php の wp_head() 直前に以下を追加。

<li><?php wp_enqueue_script('simplyscroll', get_bloginfo('template_url') . '/simplyscroll/jquery.simplyscroll.min.js'); ?>
<?php wp_enqueue_style('simplyscroll', get_bloginfo('template_url') . '/simplyscroll/jquery.simplyscroll.css'); ?>
<?php wp_head(); ?></li>

4．footer.php の wp_footer() 直後に以下を追加。

<li><?php wp_footer(); ?>

<script language="javascript">
//<![CDATA[
jQuery(document).ready(function($){
  $("#scroller").simplyScroll({direction:'backwards'});
});
//]]>
</script></li>

5．header.phpのソースコードを追記

<li><ul id="scroller">
<li><img src="<?php bloginfo('template_url') ?>/simplyscroll/topimg.jpg" alt="" title="" /></li>
<li><img src="<?php bloginfo('template_url') ?>/simplyscroll/topimg2.jpg" alt="" title="" /></li>
</ul></li>

画像topimg.jpgとtopimg2.jpgが上下に並んで表示されるだけで動かず、解決できずに困っています。
どうぞよろしくお願いします。