jquery - ハンドルバー - テンプレートでエラーが発生し続ける - 「SyntaxError: 識別子が必要ですが、代わりに '(' が見つかりました」

Question

私のアプリでは、ハンドルバーを使用することにしました。requirejs を使用し、ハンドルバーを「シム」します。しかし、私は次のようなエラーを受け取り続けています：「SyntaxError：識別子が必要ですが、代わりに「（」が見つかりました」-私がしている間違いが何であるかわかりません..

要件:

requirejs.config({
    baseUrl: 'js',
    paths: {
        "jquery"    : 'lib/jquery-1.9.1.min',
        "underscore": "lib/underscore-min",
        "backbone"  : "lib/backbone-min",
        "handleBars": "lib/handlebars",
        "routers"   : "router/routers"
    },
    shim:{
        "underscore":{
            exports: '_'
        },
        "backbone":{
            exports: 'Backbone',
            deps:['underscore']
        },
        "handleBars":{
            exports: 'Handlebars',
            deps:['jquery', 'backbone']
        }
    }
});

require(["utils/utils","handleBars"],function (utils,handleBars) {

    var x = handleBars.compile($("#navi-template").html());
    console.log(x); //getting function
    console.log(x.({"name":"new name"})); //getting error.    
}); 

私のテンプレートは次のとおりです。

<script id="navi-template" type="text/x-handlebars-template">
  <div class="subNavi">
        <ul>
            <li class="active"><a class="dashboard" href="#/general/dashBoard/">{{name}}</a></li>
        </ul>
    </div>   
</script>

ここで何が起こっているのか間違っていますか？