title: $ not being recognized in Javascript/jQuery code - trying to animate a module with class name="jeff"
body: <p>I am receiving the following error message: </p>
  
  <blockquote>
    <p>$ is not defined.</p>
  </blockquote>
  
  <p>Here is my code. I am using Javascript and jQuery to try and animate a module. Can someone please try and debug? Thanks.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.2.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    function animatethis(targetElement, speed) {
      var width = $(targetElement).width();
      $(targetElement).animate({
        marginLeft: "-=" + width
      }, {
        duration: speed,
        complete: function() {
          targetElement.animate({
            marginLeft: "+=" + width
          }, {
            duration: speed,
            complete: function() {
              animatethis(targetElement, speed);
            }
          });
        }
      });
    };
    window.onload = animatethis($('.jeff'), 25000); // source of error here
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>