title: Execute jQuery once document is ready AND iframe content is loaded
body: <p>As you can see on this page <a href="http://musicglaze.com/chase-status-let-you-go-feat-mali-feed-me-remix/#comments">http://musicglaze.com/chase-status-let-you-go-feat-mali-feed-me-remix/#comments</a> <br>
  comment section is way out of place, After research I understood that it is caused because plugin responsible for styling (<a href="http://masonry.desandro.com/">http://masonry.desandro.com/</a>) is called within</p>
  
  <pre><code>$(document).ready(function(){
  
  });
  </code></pre>
  
  <p>function. however, content is loaded into iframe after that, therefore changing its height, but as plugin takes into account its original height without content everything gets messed up. Is there something I can use which would behave similar to this pseudocode?</p>
  
  <pre><code>Document ready AND iframe content loaded {
  
  //My jQuery code
  
  }
  </code></pre>