title: Javascript error: jQuery is not defined
body: <pre><code>&lt;html&gt;
  &lt;head&gt;&lt;title&gt;test&lt;/title&gt;
  
    &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;
    &lt;/script&gt;
    &lt;!-- ERROR IS HERE the jquery is not being loaded --&gt;
  
    &lt;script type="text/javascript" src="js/jquery.prettyPhoto.js"&gt;
    &lt;/script&gt;
    &lt;link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" 
        media="screen" charset="utf-8" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;a title="Despicable Me" rel="prettyPhoto[movies]" 
      href="http://trailers.apple.com/mymovie.mov?width=640&amp;height=360"&gt;
      &lt;img src="images/thumbnails/quicktime-logo.gif" alt="Despicable Me" 
      width="50" /&gt;
    &lt;/a&gt;
    &lt;a title="Despicable Me" rel="prettyPhoto[movies]" 
      href="ai.mov?width=640&amp;height=360"&gt;
      &lt;img src="images/thumbnails/quicktime-logo.gif" 
        alt="Despicable Me" width="50" /&gt;
    &lt;/a&gt;
    &lt;script type="text/javascript" charset="utf-8"&gt;
      $(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto();
      });
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I load this html in firefox, the error console returns an error:</p>
  
  <pre><code>jQuery is not defined. 
  </code></pre>
  
  <p>The html file, js file, and the css file are all in the same folder.  What am I doing wrong?</p>