title: jquery.rotate error
body: <p>I have an image that I am trying to rotate 30 degrees and move horizontally across a page. However, I don't think I am handling the jquery right because I am getting several errors in the Firefox Web Console. Here are the errors:</p>
  
  <pre><code>[10:30:27.260] ReferenceError: jQuery is not defined @ file:///home/ladmin/Desktop/javascriptAnimations/jquery.rotate.1-1.js:1
  [10:30:27.274] The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must to be declared in the document or in the transfer protocol. @ file:///home/ladmin/Desktop/javascriptAnimations/si110cockroach.html
  [10:31:03.416] ReferenceError: $ is not defined @ file:///home/ladmin/Desktop/javascriptAnimations/si110cockroach.html:12
  </code></pre>
  
  <p>I included the script tags with the jquery source at the top like this:</p>
  
  <pre><code>&lt;script language="javascript" type="text/javascript" src="jquery.rotate.1-1.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And here is the code where I call the jquery:</p>
  
  <pre><code>function moveLeft(object,x,y){
          $(object).rotateRight(30);
          object.style.right = x + "px";
          object.style.top   = y + "px";
  
          if (x &lt; 0 || x &gt; 1500 || y &lt; 0 || y &gt; 1500)
          {
              object.style.visibility="hidden";
          }
          else
          {               
              var t = setTimeout(function() { moveLeft(object,x+3,y+0); }, 5);
          }
      }
  </code></pre>
  
  <p>Am I not including the source file right or am I not calling the jquery right?</p>