jQuery doesn't work
<p>My html file</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript" src="./js/up.js"&gt;&lt;/script&gt;
&lt;script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"&gt;&lt;/script&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form id="up" action="" method="post"&gt;
&lt;input id="image" type="text" name="file"/&gt;&lt;input id="submit" type="submit"/&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>my js file</p>

<pre><code>$(document).ready(function(){
    $('input#submit').click(function(){
        alert('hi');
            /*some codes goes here*/
    });
});
</code></pre>

<p>Please help me to get this work. I added two jquery files from cdns. Before adding those two files I tested for each one separately. but still didn't get any result. It is loading php(after set the path in action in form) file regardless of js file.</p>

<p>I set all the rest of the codes in js file to test it is working or not. Before set this lines as a comment, it didn't worked.</p>

<p>Edit: After J. Steen's comment, "it didn't worked" means the result expected from js file was unable to get.</p>
