title: Uncaught Type error mousewheel is not a function
body: <p>I am trying to get an image to be able to be zoom in on when you scroll the mouse wheel. I'm using jQuery.mousewheel.min to execute this function but no matter I do I get this error in the console </p>
  
  <blockquote>
    <p>Uncaught TypeError: $(...).mousewheel is not a function </p>
  </blockquote>
  
  <p>here is a code sample  </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
          $(document).mousewheel(function(event, delta) {
                setYPos(delta);
  </code></pre>
  
  <p>so basically i'm asking if someone could help me troubleshoot this problem 
  could it maybe be one of these inter fairing with it.</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="kinetic-v5.1.0.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;link href="css/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
  &lt;script src="jquery.mousewheel.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link href="easy-sidebar.css" rel="stylesheet" type="text/css"&gt;
  </code></pre>