ember plantillas hbs como archivos separados

Quiero ejecutar los ejemplos de ember.js (versión 1.0.0 Final) provistos en su primera página.

Dividieron cada plantilla de manillar en un archivo separado con.hbs extensión.

Así que simplemente copié todo el código y creé archivos con los mismos nombres. Cuando los corro no pasa nada. Estoy tratando de ejemplo de enrutamiento.

Miindex.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Ember Starter Kit</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-theme.css">
</head>
<body>

  <script src="js/libs/jquery-1.9.1.js"></script>
  <script src="js/libs/handlebars-1.0.0.js"></script>
  <script src="js/libs/ember-1.0.0.js"></script>
  <script src="js/libs/bootstrap.js"></script>
  <script src="js/app.js"></script>
</body>
</html>

Mis plantillas están dentro del directorio raíz y las copié en/templates pero eso no ayudó.

Respuestas a la pregunta(3)

Su respuesta a la pregunta