title: jquery Masonry, add a new div in the center of the div#container
body: <p>I have some DIV's in my HTML and I want click some div's then add a new div in the center of the div#container. and the page could <code>reload</code>, put the first pieces div's around this new div. </p>
  
  <p>however, this is what i need<img src="https://i.stack.imgur.com/w32KM.jpg" alt="w32KM.jpg"></p>
  
  <p>Here is my code, <a href="http://jsfiddle.net/PQGGT/" rel="nofollow noreferrer">http://jsfiddle.net/PQGGT/</a><br>
  there is still have a <code>window resize</code> function.</p>