<script src="https://dl.dropboxusercontent.com/u/1540890/codepen/jquery.js"></script>

<script src="https://dl.dropboxusercontent.com/u/1540890/codepen/handlebars.js"></script>

<script src="https://dl.dropboxusercontent.com/u/1540890/codepen/ember.js"></script>

<script src="https://dl.dropboxusercontent.com/u/1540890/codepen/ember-data.js"></script>

<script type="text/x-handlebars" data-template-name="application">

  <div class="main-content">

    {{outlet}}

  </div>

</script>

​

<script type="text/x-handlebars" data-template-name="artists">

  <h1>List of artists</h1>

  <ul>

    {{#each artist in controller}}

      {{ partial artist }}

    {{/each}}

  </ul>  

</script>

​

<script type="text/x-handlebars" data-template-name="_artist">

  <li>

  {{log artist}}

    {{#linkTo "artist" artist}}{{artist.name}}{{/linkTo}}

  </li>

</script>

​

<script type="text/x-handlebars" data-template-name="artist">

  <h1>{{name}}</h1>

  <p>

    {{#linkTo "artists"}}Go back{{/linkTo}} to the artists list.

  </p>

  {{partial albums}}

  {{outlet}}

</script>

​

<script type="text/x-handlebars" data-template-name="_albums">

  <h2>Albums</h2>

  <ul>

    {{#each album in albums}}

      {{partial album}}

    {{else}}

      <li>Sorry! No albums for this artist.</li>

    {{/each}}

  </ul>

</script>

​

<script type="text/x-handlebars" data-template-name="_album">

  <li>

    {{#linkTo "album" album}}

      {{album.name}}

    {{/linkTo}}

  </li>

</script>

​

<script type="text/x-handlebars" data-template-name="album">

  <h2>{{name}}</h2>

  <p>    

    {{#linkTo "artist" controllers.artist.model }}Go back{{/linkTo}} to the artist profile. <strong style="color: red;">THIS IS THE BOGUS LINK</strong>

  </p>

</script>