Trying Handlebar Templates

Handlebar templates

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.min.js"></script>
<script id="entry-template" type="text/x-handlebars-template">
    <div class="entry">
        <h1>{{title}}</h1>
        <div class="body">
            {{body}}
        </div>
    </div>
</script>

JavaScript

$(function () {
        var source = document.querySelector('#entry-template').innerHTML;


        var template2 = Handlebars.compile(source, data);

        var data = {
            title: "My New Post",
            body: "This is my first post!"
        };
        console.log(source);
        document.querySelector('.test').innerHTML = template2(data);

});