title: JQuery Caroufredsel not working, displays all images
body: <p>I just installed caroufredsel and its not working. What I am expecting to happen is, 1 images appears, I click next or previous the next or previous image would appear. The code below just has all my images display in a list. I do understand what I am doing wrong as my code seems correct?</p>
  
  <p>Here is my JQuery:</p>
  
  <pre><code>&lt;script type="text/javascript" language="javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" language="javascript" src="js/jquery.mousewheel.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" language="javascript" src="js/jquery.touchSwipe.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" language="javascript" src="js/jquery.transit.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" language="javascript" src="js/jquery.ba-throttle-debounce.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              $('.caroufredsel-gallery').carouFredSel({
                      width: 601,
                      height: 'auto',
                      prev: '#prev3',
                      next: '#next3',
                      auto: false
                  });
  
          &lt;/script&gt;
  </code></pre>
  
  <p>And here is my HTML:</p>
  
  <pre><code>&lt;div&gt;
              &lt;ul class="caroufredsel-gallery"&gt;
  
                      &lt;li&gt;&lt;img src="images/gallery/1.jpg" width="601" /&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;img src="images/gallery/2.jpg" width="601" /&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;img src="images/gallery/3.jpg" width="601" /&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;img src="images/gallery/4.jpg" width="601" /&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;img src="images/gallery/5.jpg" width="601" /&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;img src="images/gallery/6.jpg" width="601" /&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;img src="images/gallery/7.jpg" width="601" /&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;img src="images/gallery/8.jpg" width="601" /&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div class="clearfix"&gt;&lt;/div&gt;
                  &lt;a id="prev3" class="prev" href="#"&gt;&amp;lt;&lt;/a&gt;
                  &lt;a id="next3" class="next" href="#"&gt;&amp;gt;&lt;/a&gt;
              &lt;/div&gt;&lt;!--caroufredsel-gallery--&gt;
  </code></pre>
  
  <p>Any help would greatly appreciated.</p>
  
  <p>Thanks,
  J </p>