title: handlebars.js doesnt render document
body: <p>I ve got a problem with handlebars.js. perhaps it is totally trivial but i am also totally new in handlebars. So...here is sample code in my index.html which goes like this:</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  
      &lt;!--[if lt IE 7]&gt;      &lt;html class="no-js lt-ie9 lt-ie8 lt-ie7"&gt; &lt;![endif]--&gt;
      &lt;!--[if IE 7]&gt;         &lt;html class="no-js lt-ie9 lt-ie8"&gt; &lt;![endif]--&gt;
      &lt;!--[if IE 8]&gt;         &lt;html class="no-js lt-ie9"&gt; &lt;![endif]--&gt;
      &lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html class="no-js"&gt; &lt;!--&lt;![endif]--&gt;
          &lt;head&gt;
  
              &lt;meta charset="utf-8"&gt;
              &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
              &lt;title&gt;&lt;/title&gt;
  
              &lt;meta name="description" content=""&gt;
              &lt;meta name="viewport" content="width=device-width"&gt;
              &lt;script data-main="scripts/main" src="scripts/require.js"&gt;&lt;/script&gt;
              &lt;!-- Place favicon.ico and apple-touch-icon.png in the root directory --&gt;
  
              &lt;link rel="stylesheet" href="css/normalize.css"&gt;
              &lt;link rel="stylesheet" href="css/main.css"&gt;
              &lt;script src="scripts/modernizr-2.6.2.min.js"&gt;&lt;/script&gt;
  
  
              &lt;script src='scripts/content.js'&gt;&lt;/script&gt;
              &lt;script src='scripts/handlebars-1.0.0-rc.4.js'&gt;&lt;/script&gt;
              &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
              &lt;script&gt;window.jQuery || document.write('&lt;script src="scripts/jquery-1.9.1.min.js"&gt;&lt;\/script&gt;')&lt;/script&gt;
              &lt;script src="scripts/plugins.js"&gt;&lt;/script&gt;
              &lt;script src="scripts/main.js"&gt;&lt;/script&gt;
  
  
          &lt;/head&gt;
  
          &lt;body&gt;
  
              &lt;!--[if lt IE 7]&gt;
                  &lt;p class="chromeframe"&gt;You are using an &lt;strong&gt;outdated&lt;/strong&gt; browser. Please &lt;a href="http://browsehappy.com/"&gt;upgrade your browser&lt;/a&gt; or &lt;a href="http://www.google.com/chromeframe/?redirect=true"&gt;activate Google Chrome Frame&lt;/a&gt; to improve your experience.&lt;/p&gt;
              &lt;![endif]--&gt;
  
              &lt;!-- Add your site or application content here --&gt;
  
  &lt;script id="some-template" type="text/x-handlebars-template"&gt;
        &lt;table&gt;
          &lt;thead&gt;
            &lt;th&gt;Username&lt;/th&gt;
            &lt;th&gt;Real Name&lt;/th&gt;
            &lt;th&gt;Email&lt;/th&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            {{#users}}
              &lt;tr&gt;
                &lt;td&gt;{{username}}&lt;/td&gt;
                &lt;td&gt;{{firstName}} {{lastName}}&lt;/td&gt;
                &lt;td&gt;{{email}}&lt;/td&gt;
              &lt;/tr&gt;
            {{/users}}
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/script&gt;
  
  
          &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>And there is also this content.js file which contains simple javascript code but it still doesnt work. If any of you could advise or give solution i'd be very thankful. Thank you in advance</p>
  
  <pre><code> var source   = $("#some-template").html();
    var template = Handlebars.compile(source);
    var data = { users: [
        {username: "alan", firstName: "Alan", lastName: "Johnson", email: "alan@test.com" },
        {username: "allison", firstName: "Allison", lastName: "House", email: "allison@test.com" },
        {username: "ryan", firstName: "Ryan", lastName: "Carson", email: "ryan@test.com" }
      ]};
    $("#content-placeholder").html(template(data));
  </code></pre>
  
  <p>Best regards</p>