title: Imported Jquery does not work
body: <p>I am learning javascript + jquery lately, encounter a problem when trying to import jquery into the html.</p>
  
  <p>I got the code below from internet, while I try to change the line from  </p>
  
  <pre><code>&lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'&gt;&lt;/script&gt;
  </code></pre>
  
  <p>to </p>
  
  <pre><code>&lt;script type='text/javascript' src='jquery.js'&gt;&lt;/script&gt;
  </code></pre>
  
  <p>it does not work, the script does not execute.</p>
  
  <p>I am sure that the file "jquery.js" is same folder as the html file, and the jquery.js is downloaded from <a href="http://jquery.com/download/" rel="nofollow">http://jquery.com/download/</a> (I did change the file name into 'jquery.js' rather than its orginal long name)</p>
  
  <p>What mistake I could possibly made?</p>
  
  <p>Html code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'&gt;&lt;/script&gt;
  &lt;script&gt; 
  $(document).ready(function(){
    $("button").click(function(){
      $("div").animate({left:'250px'});
    });
  });
  &lt;/script&gt; 
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;button&gt;Start Animation&lt;/button&gt;
  &lt;p&gt;By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!&lt;/p&gt;
  &lt;div style="background:#98bf21;height:100px;width:100px;position:absolute;"&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>