json - Handlebars テンプレートでフラットな JSON ファイルから画像スライダーをフィードする方法は?

Question

Handlebars テンプレートを使用して、フラットな JSON ファイルからイメージ スライダー (flexslider) をフィードしたいと考えています。そのために私はこれを試しました。

$.ajax({
    type : 'GET',
    dataType : 'json',
    async: false,
    url: window.location.href + "JSON/carousel-data.json",
    success : function(data) {
        console.log(data); 
        var src = document.getElementById("sliderTemplate").innerHTML;
        var tmpl = Handlebars.compile(src);
        $('#imageslider').innerHTML = tmpl(data); 
        $('.flexslider').flexslider({animation: "slide"});
    } 
});

ただし、スライダーはこのコードによってインスタンス化されません。ただし、JSON ファイルの同じコンテンツを同じ JS ファイルの変数に割り当てて、それを Handlebars テンプレートに渡すと、正常に動作します。

私の ajax コードの問題は何ですか?