title: Masonry Plugin: Resizing div wont cause reshuffle
body: <p>Have Masonry items wrapped in 1000px wide div, I have a button to resize the div to 2000x using jQuery's <code>addClass()</code>, problem is Masonry won't reshuffle the items to fill the extra 1000px space, I know the resize works because resizing the browser window causes a reshuffle.</p>
  
  <p><strong>Masonry:</strong></p>
  
  <pre><code>$(function(){
      $('#container').masonry({
          // options
          itemSelector : '.item',
          columnWidth : 240
      });
  });
  </code></pre>
  
  <p><strong>Button:</strong></p>
  
  <pre><code>$("a.button").toggle(function(){
      $(this).addClass("flip");
      $("div#container").fadeOut("fast", function() {
          $(this).fadeIn("fast").addClass("resize");
      });
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>width: 1000px; /* default */
  width: 2000px !important; /* on button press */
  </code></pre>
  
  <p>I tried running ('a').click on the Masonry function using the same button, and it seems to work normally but the problem is still there.</p>
  
  <p>Any advice? I'm stumped :/</p>