title: Semantic UI visibility + Masonry infinite scroll layout
body: <p>I'm trying to create an infinite scrolling <strong>Masonry</strong> layout in the <strong>Semantic UI</strong> framework, using the built-in <em>visibility</em> function.</p>
  
  <p>Everything seems to be working except getting Masonry to re-layout everything once new items are added.</p>
  
  <p>I've made a jsfiddle: <a href="https://jsfiddle.net/erland/pdb5j09o/" rel="nofollow noreferrer">https://jsfiddle.net/erland/pdb5j09o/</a></p>
  
  <p>As far as I can tell from the Masonry docs, all I should have to do is call <code>$grid.masonry('layout');</code> after adding the new item, right?</p>
  
  <p>What am I missing here? Should I not be using imagesLoaded in combo? Should I be working in Masonry's append instead?</p>
  
  <p>Thanks in advance!</p>