(function($) {
var $container = $('#dashboard');
console.log($container);
// initialize
console.log('invoking masonry');
$container.masonry({
  columnWidth: 300,
  itemSelector: '.tip'
});

var msnry = $container.data('masonry');
console.log(msnry);
})(jQuery);

<div id="dashboard">

<div class="tip tile1" style=" margin: .5%; display: block; border: 3px solid #000000; float: left; "></div>
<div class="tip tile3" style=" margin: .5%; display: block; border: 3px solid #000000; float: left; "></div>
<div class="tip tile2" style=" margin: .5%; display: block; border: 3px solid #000000; float: left; "></div>
<div class="tip tile2" style=" margin: .5%; display: block; border: 3px solid #000000; float: left; "></div>
<div class="tip tile1" style=" margin: .5%; display: block; border: 3px solid #000000; float: left; "></div>

</div>