Very simple jQuery not working
<p>Simply put, my <code>jQuery</code> is not working.</p>

<p>Here is my code:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;jQuery 101&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div&gt;
    &lt;h1&gt;Hello, world!&lt;/h1&gt;
    &lt;p&gt;Test&lt;/p&gt;
&lt;/div&gt;
&lt;script src="/scripts/jquery/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
alert('hello world');
$(document).ready(function(){
    $("p").click(function(){
        $(this).hide();
    });
});
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>The included <code>jQuery</code> file is definitely in the filesystem and the <code>alert()</code> function is working, however this simple jQuery example is not working. This may be a rookie error, but I'm not really sure why.</p>

<ul>
<li>Using <code>JBoss AS 7.1.1.Final</code> for deployment</li>
<li>Using <code>Google Chrome</code> for viewing</li>
</ul>

<p><b>EDIT:</b> I managed to fixed the original issue: it was due to the fact that i was not referencing the scripts correctly. as the 'scripts' folder is located at the root of the webapp, when i changed the reference to this:</p>

<pre><code>&lt;script src="../scripts/jquery/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
</code></pre>

<p>(Note the two preceeding dots) It seemed to work fine!</p>
