title: jQuery won't load in my html file or just doesn't work
body: <p>I have been creating a kind of a simple personal web page, and I started with a page that shows a 3x3 image collage inside a div, and I want that div the collage is in to animate and expand it's width so that I can add the description for each image in the right side, when an image is clicked.</p>
  
  <p>Anyways, I have made a script for that, which I believe should work correctly. However, when I load the page in my browser and click on the image, the div does not expand.</p>
  
  <p>Maybe the problem is that I just didn't link the script file or the jQuery library correctly? Anyways, here are the HTML and jQuery codes, so can anyone tell me what did I do wrong?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Music&lt;/title&gt;
      &lt;link href="style.css" rel="stylesheet" type="text/css"&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="panel"&gt;
          &lt;div class="mosaic"&gt;
              &lt;a href="#"&gt;&lt;img class="item" src="images/music/thumbs/wsws.jpg"&gt;&lt;/a&gt;
              &lt;img class="item" src="images/music/thumbs/kida.jpg"&gt;
              &lt;img class="item" src="images/music/thumbs/spirit.jpg"&gt;
              &lt;img class="item" src="images/music/thumbs/texas.jpg"&gt;
              &lt;img class="item" src="images/music/thumbs/floating.jpg"&gt;
              &lt;img class="item" src="images/music/thumbs/ashes.jpg"&gt;
              &lt;img class="item" src="images/music/thumbs/dataplex.jpg"&gt;
              &lt;img class="item" src="images/music/thumbs/twinfantasy.jpg"&gt;
              &lt;img class="item" src="images/music/thumbs/usa.png"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>jQuery (script.js):</p>
  
  <pre><code>var main = function(){
      $(".item").click(function(){
          $(".panel").animate({
              width:"900px";
          },600);
      });
  };
  
  $(document).ready(main);
  </code></pre>