javascript - ハンドルバーの単純なサンプルを動作させることができません

Question

ハンドルバーを使用した簡単な例がありますが、動作させることができません! 助けてください。Google App Engine ゲストブックを jinja2 の代わりにハンドルバーで動作させようとしています

HTML/テンプレート コードは次のとおりです。

  Hello {{user.nickname}}
  <h2>Top 10 Most Recent Guestbook Entries</h2>
      {{#each greetings}}
          <br>
           <small>[<i>{{date.ctime}}</i>]</small>
           <b>
             {{#if author}}
               <code>{{author.nickname}}</code>
             {{else}}
               <i>anonymous</i>
             {{/if}}
          </b>
          wrote:
        {{comment}}
      {{/each}}
 </script>
 <div id="comment_content"> </div>
 <form id="comments" action="">
    <div><textarea id="comment" name="content" rows="3" cols="60"></textarea></div>
    <div><input id="comment_button" type="button"  value="submit"></div>
 </form>
 <a href="{{ url }}">{{ url_linktext }}</a>

JSコードは次のとおりです。

<script>
   $(document).ready(function() {
      var source   = $("#entry-template");
      var srcHTML =source.html();    
      var template = Handlebars.compile(srcHTML);
   // put all your jQuery goodness in here.
      $("#comment_button").click(function(event) {

          var data = JSON.stringify({
            "login": "/_ah/login?continue=http%3A//localhost%3A8080/show",
            "logout": "/_ah/login?continue=http%3A//localhost%3A8080/show&action=Logout",
            "user": {
              "nickname": "dummy",
              "email": "dummy@me.com"
            },
          "greetings": [
          {
            "comment": "COMMENT1",
            "date": {
                "ctime": "Sun Feb 10 23:20:21 2013"
            },
            "author": {
                "nickname": "dummy",
                "email": "dummy@me.com"
            }
          }
        ]
      })
      var html = template(data);
      console.log(html);
      $("#comment_content").html(html);
      });
   });
 </script>

ハンドルバーのソースを参照する方法は次のとおりです

Can someone please help?

ありがとうございます