title: ImagesLoaded with Masonry, Object #<Object> has no method 'imagesLoaded'
body: <p>Getting this error, trying to use Masonry with imageLoaded:</p>
  
  <blockquote>
    <p>"Object # has no method 'imagesLoaded'"</p>
  </blockquote>
  
  <p>The links to the necessary scripts are in my header:</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"&gt;&lt;/script&gt;&lt;script src="/js/masonry.pkgd.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/js/imagesloaded.pkgd.min.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And here is how the code looks in my footer:</p>
  
  <pre><code>$(document).ready(function() {
      $('#archive-post-container').imagesLoaded(function() {
          $(this).masonry({
              itemSelector : '.post',
              columnWidth:344
          });
      });
  });
  </code></pre>
  
  <p>EDIT / ADDENDUM:
  Placing the script tags for ImagesLoaded and Masonry in the actual .php file for the page I need them on, instead of in header.php gets me this error instead, coming from ImagesLoaded:
  Uncaught TypeError: undefined is not a function </p>
  
  <p>Not sure why moving the tags just from the to just under the header would change this, but at least now I am getting to imagesLoaded?</p>