title: I can't get jQuery to work
body: <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>