title: jQuery code doesn't work if I'm using a local jquery.js file, why?
body: <p>Let's say this my page for example ..</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
    &lt;head&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;script src="jquery.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
        $(document).ready(function(){
        });
      &lt;/script&gt;
      &lt;div id="div1"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>As you see I'm using a local jQuery file (<code>jquery.js</code>) so every time I write jQuery code it doesn't work knowing that both of my page and <code>jquery.js</code> in same level ..</p>
  
  <p>But when I'm using a jQuery file online, like this for example</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>everything works fine.. </p>
  
  <p>Also I tried to put <code>&lt;script&gt;&lt;/script&gt;</code> in the <code>&lt;head&gt;</code> but nothing works</p>
  
  <p>P.s. I downloaded the same file I'm using online and using it locally.</p>