title: $(".scrollable").scrollable is not a function
body: <p>I am getting the error : $(".scrollable").scrollable is not a function when I attempt to use the scrollable</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script&gt;
  $(function() {
    // initialize scrollable with mousewheel support
    $(".scrollable").scrollable({ vertical: true, mousewheel: true });
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Can anyone see what is causing this?</p>
  
  <p><strong>[Edit]</strong></p>
  
  <p>After Mark Hildreth pointed out that the library I was using already bundles jQuery, I removed my Google jQuery CDN reference (not shown above), and then I got the '$ is not a function' error.</p>
  
  <p>I knew then that jQuery was clashing with flowplay, so I updated my pages to use</p>
  
  <pre><code>jQuery.noConflict();
  jQuery(document).ready(function()){
     // jQuery('#foo) .... etc
  });
  </code></pre>
  
  <p>This is mildly annoying, as I have to change the script in my existing pages to use jQuery instead of $.</p>
  
  <p>Is there anyway I can continue to  use $, or do I HAVE to use jQuery ?</p>