把手在Chrome中空脚本

Question

我有一个简单的Handlebars模板脚本，如下所示

<div id="divId"></div>

<script id="tmpl-test" type="text/x-handlebars-template">
    {{#each objects}}  
        <li> {{test}} </li> 
    {{/each}}
</script>

我有像

这样的javascript

var data=[{"test":"test"}];
var source = $("#tmpl-test").html();
var template = Handlebars.compile(source);
$("#divId").prepend(template({ objects: data }));

但页面没有渲染。我试过Chromes检查元素。它显示空脚本。

<script id="tmpl-test" type="text/x-handlebars-template">

</script>

为什么会这样？我怎么解决这个问题？