title: How to hook up infinitescroll.js with isotope.js for WordPress portfolio
body: <p>I've been working on making a portfolio with wordpress / isotope.js / Lightbox2 and am now trying to add infinitescroll.js to the mix, alas with no avail.</p>
  
  <p>So far I've just got a mess of code...</p>
  
  <p>Secondly, here is some of the code I have running.</p>
  
  <pre><code>//Isotope settings
  var $container = jQuery( '#projects' );
  
  $container.imagesLoaded( function() {   
      $container.isotope({    
          itemSelector : '.isotope',
          resizable : false,
          masonry : { columWidth: $container.width() / 3 }
      });
  
  });
  
  // infinite scroll
  $container.infinitescroll({
      navSelector  : '#project-nav',
      nextSelector : '#project-nav a',
      itemSelector : '.isotope',
      loading: {
          finishedMsg: 'No more projects.',
          msgText: "Loading more projects ...",
          img: TEMPLATE_URI + '/images/loader.gif'
      }   
  },
  
      function( newElements ) {   
          $container.isotope( 'appended', jQuery( newElements ));
      }
  
  );
  </code></pre>
  
  <p>Thanks for any and all help!</p>