title: Jquery Masonry doesn't work locally, though works fine at jsFiddle
body: <p>I have a problem getting Jquery Masonry by Desandro to work locally.</p>
  
  <p>What I mean is: the thing works fine at jsFiddle (<a href="http://jsfiddle.net/pozvolte/dwA5G/14/" rel="nofollow">http://jsfiddle.net/pozvolte/dwA5G/14/</a>), but as I try to launch an HTML file with the same code locally – well, it doesn't.
  I tried opening it with Chrome 26 and Firefox 20.</p>
  
  <p><strong>HTML</strong>
  </p>
  
  <pre><code>&lt;div id="container"&gt;
  &lt;div class="item"&gt;
      &lt;a href="#bosco"&gt;
      &lt;img src="http://www.promisedlandblog.com/wp-content/uploads/2010/05/noam_chomsky.jpg"&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
      &lt;a href="#berez"&gt;
      &lt;img src="http://metrouk2.files.wordpress.com/2013/03/ay_106888896.jpg"&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
      &lt;a href="#headcrab"&gt;
      &lt;img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQAu_KOgafFo71gN5pV3UBGfxUVclnC8vZuZYnGDK0uaD0PNK7L"&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
      &lt;a href="#nrktk"&gt;
      &lt;img src="http://assets2.lookatme.ru/assets/event_image-image/72/c0/981165/article_image-image-article.jpg"&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
      &lt;a href="#utekai"&gt;
      &lt;img src="http://www.budyon.org/wp-content/uploads/2012/02/mumiitroll.jpg"&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
      &lt;a href="#troll"&gt;
      &lt;img src="http://rusrep.ru/images/texts/1002/10023053_pic1.jpeg"&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>CSS</strong>
  </p>
  
  <pre><code>div#container {
      width:100%;
      margin:25px;
  }
  
  div.item {
      width:240px;
      margin:10px;
      float:left;
  }
  
  div.item img {
      width:240px;
  }
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>    $(function(){
      $('#container').masonry({
        itemSelector: '.item'
      });
    });
  </code></pre>
  
  <p>(Of course there also is JQuery 1.6 and the masonry script, loaded from desandro.com.)</p>
  
  <p>Any help is much appreciated.</p>
  
  <p><strong>Update</strong></p>
  
  <p>The script as seen in html file.</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;script src="http://masonry.desandro.com/jquery.masonry.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  //&lt;![CDATA[ 
  $(window).load(function(){
   $(function(){
  
      $('#container').masonry({
        itemSelector: '.item'
      });
  
    });
  });//]]&gt;  
  &lt;/script&gt;
  </code></pre>