title: jQuery("#mycarousel").jcarousel is not a function
body: <p>I must be doing something really stupid here, but I've been beating my head against it for a while and I haven't been able to find what's wrong.</p>
  
  <p>On this page:
  <a href="http://ww2.accudata.com/" rel="noreferrer">http://ww2.accudata.com/</a></p>
  
  <p>I'm trying to implement jCarousel, and I keep getting this error:  </p>
  
  <blockquote>
    <p>jQuery("#mycarousel").jcarousel is not a function</p>
  </blockquote>
  
  <p>Here's what I have in my header:</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.6.4"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="&lt;?php bloginfo('template_directory'); ?&gt;/js/jquery.jcarousel.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="&lt;?php bloginfo('template_directory'); ?&gt;/js/skins/carousel/skin.css" /&gt;
  
  &lt;script type="text/javascript"&gt;
  jQuery(document).ready(function() {
  jQuery('#mycarousel').jcarousel({
  
  });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>So as far as I can tell, I'm loading all of the scripts in the correct order, and I have verified that they are all there.  So why does it say it's not a function?</p>