title: data was not visible on browser when using handlebar.js
body: <p>I was implementing handlebar.js for my sample  app.As per the handlebar.js documentation, it tried with the example as mentioned. But the values are loaded on the dom inside the script, but not visible on browser.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;body&gt;
  &lt;h1&gt;Handlebar&lt;/h1&gt;
  &lt;script id="entry-template" type="text/x-handlebars-template"&gt;
  &lt;div class="entry"&gt;
    &lt;h1&gt;{{title}}&lt;/h1&gt;
    &lt;div class="body"&gt;
      {{body}}
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/script&gt;
  &lt;script  src="js/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
  &lt;script  src="js/handlebars.js"&gt;&lt;/script&gt;
  &lt;script  src="js/app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>var source   = $("#entry-template").html();
  var template = Handlebars.compile(source);
  var context = {title: "My New Post", body: "This is my first post!"}
  var html    = template(context);
  $("#entry-template").html(template(context));
  </code></pre>
  
  <p>When the browser gets loaded i am getting a blank screen, but while debugging via firebug able to find the values title and body</p>