Jetpack Masonry

Jetpack works,
Masonry works,

They dont seem to work together.

I’ve added this script in the header to try to curb the overlapping issue but it hasnt solved it.

<script>
jQuery( document ).ready( function( $ ) {
     infinite_count = 0;
     // Triggers re-layout on infinite scroll
     $( document.body ).on( 'post-load', function () {
	infinite_count = infinite_count + 1;
	var $container = $('#content');
	var $selector = $('#infinite-view-' + infinite_count);
	var $elements = $selector.find('.hentry');
	$elements.hide();
	$container.masonry( 'reload' );
	$elements.fadeIn();
     });
});
</script>

Any ideas on other things i can do/try?

(Twentytwelve theme is being used)

http://ww.wp.xz.cn/plugins/jetpack/