title: jQuery (content slider) not working in WordPress template
body: <h1>The problem</h1>
  
  <p>I've added a jQuery content slider (Coda Slider 2.0) to my Wordpress template page but it breaks (only the text "loading" appears). </p>
  
  <h1>Demos</h1>
  
  <p>I've provided live examples here to see my code in action:</p>
  
  <p><a href="http://www.directsponsor.org/" rel="nofollow">Broken slider</a> | <a href="http://www.directsponsor.org/wp-content/themes/directsponsor/js/coda-slider/" rel="nofollow">Working Slider</a></p>
  
  <h1>What I've tried</h1>
  
  <p>I've tried substituting the dollar sign for "jQuery" in my templates head but to no avail.</p>
  
  <pre><code>&lt;!--Slider--&gt;
  &lt;!-- Begin Stylesheets --&gt;
      &lt;!--&lt;link rel="stylesheet" href="&lt;?php bloginfo('stylesheet_directory') ?&gt;/js/coda-slider/stylesheets/reset.css" type="text/css" media="screen" /&gt;--&gt;
              &lt;!--Commented out because it's already called previously.--&gt;
      &lt;link rel="stylesheet" href="&lt;?php bloginfo('stylesheet_directory') ?&gt;/js/coda-slider/stylesheets/coda-slider-2.0.css" type="text/css" media="screen" /&gt;
  &lt;!-- End Stylesheets --&gt;
  
  &lt;!-- Begin JavaScript --&gt;
      &lt;!--&lt;script type="text/javascript" src="&lt;?php bloginfo('stylesheet_directory') ?&gt;/js/coda-slider/javascripts/jquery-1.3.2.min.js"&gt;&lt;/script&gt;--&gt;
      &lt;script type="text/javascript" src="&lt;?php bloginfo('stylesheet_directory') ?&gt;/js/coda-slider/jquery.easing.1.3.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="&lt;?php bloginfo('stylesheet_directory') ?&gt;/js/coda-slider/javascripts/jquery.coda-slider-2.0.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          jQuery().ready(function() {
              jQuery('#coda-slider-1').codaSlider(
              {autoSlide: true, 
              autoHeight: false, 
              autoSlideStopWhenClicked: true, 
              autoSlideInterval:4000,
              dynamicArrows: false,
              dynamicTabs: false}
              );
          });
       &lt;/script&gt;
  &lt;!-- End JavaScript --&gt;
  </code></pre>
  
  <p>I would greatly appreciate any help.</p>