Adding Widgets to Masonry Layouts Correctly - jQuery &&|| PHP
<p>I tried incrementally adding in my widget area to the masonry layout (PHP below) it appears but I cannot get it included into the masonry like the other blocks.</p>

<pre><code>        $counts = 0 ;
        $addin = get_sidebar('masonry'); 

        foreach ($posts as $post) : setup_postdata($post); $counts++; ?&gt;
                &lt;div class="box"&gt;
                &lt;?php  if($count == 9) {echo $addin;} else {?&gt;
                &lt;a href="&lt;?php the_permalink() ?&gt;"&gt;
                &lt;h2&gt;&lt;?php the_title(); echo $counts; // just to see ?&gt;&lt;/h2&gt;
                &lt;?php if (has_post_thumbnail()) {
                    the_post_thumbnail('thumbnail');
                }?&gt;
                &lt;?php the_content();?&gt;&lt;/a&gt;
                &lt;/div&gt;&lt;?php } endforeach; ?&gt;
</code></pre>

<p>I also tried this jQuery but it broke my masonry:</p>

<pre><code>jQuery(document).ready(function($){
    $('.arrange').masonry({
       itemSelector: '.box',
       isFitWidth: true,
    });
 $('#addinWidget').click(function(){
        var $container = $('#mas-widget');
        var addinWidget = $('&lt;div class="element"&gt;&lt;?php get_sidebar('masonry');?&gt;&lt;/div&gt;');
        addinWidget.insertAfter($container.find('.element').eq(3));
        $container.masonry('reload');
    });
</code></pre>

<p>Could someone lead me in the right direction to place my widgets correctly inside the masonry layout AT/NEXT TO or IN FRONT OF a specified block number?</p>
