Почему не срабатывает handlebars?

Question

[Степан]

<ul class="updates">
    <script id="template" type="text/x-handlebars-template">
        <li>
            <h2>{{name}}</h2>
        </li>
    </script>
</ul>


<script src="js/jquery-1.11.1.js"></script>
<script src="js/handlebars-v1.3.0.js"></script>


<script type="text/javascript">

    $(document).ready(function () {

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

        var data = {
            name: 'Jane Doe'
        }
    });
</script>

Не работает хотя беру все как в примере

Answer 1

[Котик Антон]

У вас переменная data используется до инициализации. Нужно поменять местами эти строки:

var data = {
    name: 'Jane Doe'
}

$('.updates').append( template(data) );

jsfiddle.net/xnrzwa59/1

Answer 2

[Андрей Хохлов]

Просто надо поменять местами:

$(document).ready(function () {

        var data = {
            name: 'Jane Doe'
        }
        var template = Handlebars.compile( $('#template').html() );
        $('.updates').append( template(data) );


    });