title: jquery help - initialize Masonry after all images have loaded
body: <p>I am using a masonry plugin but my images are overlapping when the page first loads.  If I change the width of the browser they fall into place.  The developer told me to do the following but I am unsure how to "add it: to my custom.js file properly.</p>
  
  <p>I was just told to:</p>
  
  <pre><code>// with jQuery
  var $container = $(’#container’);
  
  // initialize Masonry after all images have loaded
  $container.imagesLoaded(function(){
      $container.masonry();
  });
  </code></pre>
  
  <p>Can anyone properly format this advice so I can use it?</p>