title: Object #<Object> has no method 'carouFredSel'
body: <p>I have implemented an infinite carousel that was working but I am now getting the following error message</p>
  
  <p>Object # has no method 'carouFredSel'</p>
  
  <p>I had edited some code for the menu that is now working but perhaps there is a conflict between the two scripts?</p>
  
  <p><a href="http://www.ogormanconstruction.co.uk/basingstoke-treatment-works" rel="nofollow">http://www.ogormanconstruction.co.uk/basingstoke-treatment-works</a></p>
  
  <p><strong>Javascript:</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  jQuery(document).ready(function() {
      var imgLength = jQuery('ul#fredsel img').length;
      jQuery('#totalImg').html(imgLength);
      jQuery('#imgCount').html(1);
  
      // Using custom configuration
      // Using custom configuration
      jQuery("#fredsel").carouFredSel({
          items: 1,
          align: false,
          auto: false,
          width: 1500,
          scroll : {
              items           : 1,
              duration        : 1000,
              pauseDuration   : 2000
          },
          prev: {
              button : "a.prev-slide",
              onBefore : function() { 
                  var theCount = parseInt(jQuery('#imgCount').html());
                  if (theCount === 1){
                      var theLength = jQuery('ul#fredsel img').length;
                      jQuery('#imgCount').html(theLength);
                  } else {
                     jQuery('#imgCount').html(theCount-1);
                 };
            },
         },
         next: { 
             button : "a.next-slide",
             onBefore : function() { 
                 var theLength = jQuery('ul#fredsel img').length;
                 var theCount = parseInt(jQuery('#imgCount').html());
                 if (theCount === theLength){
                     jQuery('#imgCount').html(1);
                 } else {
                     jQuery('#imgCount').html(theCount+1);
                 };
             },
          }
      })
      .find("li").click(function() {
          jQuery("#fredsel").trigger("slideTo", [jQuery(this)]);
      }).css("cursor", "pointer")
  
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>&lt;div class="infinite-carousel"&gt;
      &lt;ul id="fredsel"&gt;
          &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-1.png"&gt;&lt;/li&gt;
          &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-2.png"&gt;&lt;/li&gt;
          &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-3.png"&gt;&lt;/li&gt;
          &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-4.png"&gt;&lt;/li&gt;
          &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-5.png"&gt;&lt;/li&gt;
          &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-6.png"&gt;&lt;/li&gt;
          &lt;li style="width: 600px"&gt;&lt;img src="/wp-content/themes/child/images/basingstoke/basingstoke-7.png"&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div class="controls"&gt;
      &lt;a href="#" class="prev-slide"&gt;&lt;/a&gt;
      &lt;a href="#" class="next-slide"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>