title: ember hbs templates as separate files
body: <p>I want to run ember.js (version 1.0.0 Final) examples provided on their first page.</p>
  
  <p>They divided each handlebar template in separate file with <code>.hbs</code> extension.</p>
  
  <p>So I just copied all of the code and created files with same names. When I run them nothing hapens. I am trying ROUTING example.</p>
  
  <p>My <code>index.html</code>:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Ember Starter Kit&lt;/title&gt;
      &lt;link rel="stylesheet" href="css/normalize.css"&gt;
      &lt;link rel="stylesheet" href="css/style.css"&gt;
      &lt;link rel="stylesheet" href="css/bootstrap.css"&gt;
      &lt;link rel="stylesheet" href="css/bootstrap-theme.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;script src="js/libs/jquery-1.9.1.js"&gt;&lt;/script&gt;
    &lt;script src="js/libs/handlebars-1.0.0.js"&gt;&lt;/script&gt;
    &lt;script src="js/libs/ember-1.0.0.js"&gt;&lt;/script&gt;
    &lt;script src="js/libs/bootstrap.js"&gt;&lt;/script&gt;
    &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My templates are inside of the root directory and I copied them to <code>/templates</code> but that didn't help.</p>