Question

I first try to append a template but got the same issue where it fails to append it to the projects element.
Then tried to just append a jquery object called div and it does not seem to append it to the dom element projects.

var projects = $('#projects');
var tmpl = template({items : list});
console.log("render html ",  $(tmpl));
var div = $('<div class="item">WHY IS THIS NOT WORKING</div>');
projects.masonry( 'appended', div, true ); 

Why would this not work?

Answer 1

You haven’t actually appended the <div> to your #projects container.

The 'appended' method on masonry just triggers layout of newly-appended elements.

Try projects.append(div) before you call Masonry again.