title: Handlebars.js separating script tags from html document
body: <p>What is the best way of separating the script tag like the following from inside an html document?</p>
  
  <pre><code>&lt;ul class="shoesNav"&gt;
   &lt;script id="shoe-template" type="x-handlebars-template"&gt;
    {{#each this}}
         &lt;li class="shoes"&gt;
              &lt;a href="/{{name}}"&gt;{{name}} -- Price: {{price}} &lt;/a&gt;
         &lt;/li&gt;
     {{/each}}
   &lt;/script&gt; 
  &lt;/ul&gt;
  </code></pre>
  
  <p>Would it be possible to have something like this or similar?</p>
  
  <pre><code>&lt;ul class="shoesNav"&gt;
    {{#each this}}
         &lt;li class="shoes"&gt;
              &lt;a href="/{{name}}"&gt;{{name}} -- Price: {{price}} &lt;/a&gt;
         &lt;/li&gt;
     {{/each}}
  &lt;/ul&gt;
  </code></pre>
  
  <p>The idea would be to have all the templates in a separate file.</p>