modelos de ember hbs como arquivos separados

Eu quero executar os exemplos de ember.js (versão 1.0.0 Final) fornecidos em sua primeira página.

Eles dividiram cada modelo de guiador em arquivo separado com.hbs extensão.

Então eu copiei todo o código e criei arquivos com os mesmos nomes. Quando eu corro, nada acontece. Eu estou tentando exemplo de ROUTING.

Minhasindex.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>

Meus modelos estão dentro do diretório raiz e eu os copiei para/templates mas isso não ajudou.

questionAnswers(3)

yourAnswerToTheQuestion