title: Local jQuery.js file not working
body: <p>I had downloaded jQuery.js file from jQuery.com .I have saved this file in 3 places, including JRE/Lib and desktop (where my HTML file which calls it is), to be sure that the jQuery.js file is found. I reference this js file as :</p>
  
  <pre><code>&lt;head&gt;
          &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(function(){
              $("#clas").click(function(){
                  $(this).hide();
              });
          });
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;p id="clas"&gt; Hello&lt;/p&gt;
      &lt;p&gt;Hi&lt;/p&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>When I ran this HTML file on Mozilla browser, I expected 'Hello' to vanish when I clicked on it, but it did not. It remained as solid as ever.
  But when I used a jQuery CDN:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"&gt;
  </code></pre>
  
  <p></p>
  
  <p>And when I used an online HTML editor called Tryit Editor v1.5, it worked correctly!
  It seems only the local jQuery.js is not doing its part. The JavaScript works fine, only the $() part doesn't. I'm using jdk1.6. I wonder why this snag has occurred. How to resolve it? Help.</p>