Не работает Handlebars. Что не так делаю?

<div class="hand">
<script id="objects" type="text/x-handlebars-template">
{{#each objects}}
<h3>{{title}}</h3>
 <p>{{description}}
<a href="{{link}}">Ссылка</a>
</p>
{{/each}}
 </script>
</div>

{
    "objects": [
       {
         "title":"Заголовок",
           
         "description":"Какой то текст",
           
         "link":"https://toster.ru/question/new"
       }
    ]
}

Смотрел несколько уроков. Почему некоторые используют ajax а некоторые нет? 
Вот что я находил.

var data = {
   name : 'John Doe'
},

var template = Handlebars.compile( $('#objects').html() );
$('.hand').append( template(data) );

var data = {
   name : 'John Doe'
},

$(document).ready(function () {
    
    var hand = $('.hand');
    
$.ajax({
    url: 'data.json' 
}).done(function(data){
    var json = JSON.parse(data),
        source = $("#objects").html(),
        template = Handlebars.compile(source),
        html = template(json);
    
    $('.hand').append( template(data) );
})
});