I can't get jQuery to work
<p>Hi I am trying to try out some jQuery and having no luck at all. Was writing code and what not and nothing was working. So I tried some JQuery from w3schools and that didn't even work.
Any idea why I cant get it to work? </p>

<p>I have this in the head of my html</p>

<pre><code> &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;  
</code></pre>

<p>Still doesn't work.</p>

<p>Grateful for any help Thanks
Mikey</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;
&lt;/script&gt;
&lt;script&gt;
$(document).ready(function(){
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
});
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;p&gt;Demonstrate fadeIn() with different parameters.&lt;/p&gt;
&lt;button&gt;Click to fade in boxes&lt;/button&gt;
&lt;br&gt;&lt;br&gt;
&lt;div id="div1" style="width:80px;height:80px;display:none;background-color:red;"&gt;&lt;/div&gt;        &lt;br&gt;
&lt;div id="div2" style="width:80px;height:80px;display:none;background-color:green;"&gt;    &lt;/div&gt;&lt;br&gt;
&lt;div id="div3" style="width:80px;height:80px;display:none;background-color:blue;"&gt;  &lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Copied that into notepad, saved it then ran it in chrome, when I pressed the button nothing happened.</p>

<p>Thank you to everyone who help </p>
