title: EmberJS view binding variables
body: <p>I'm trying to sync the variable that is being displayed in the view but nothing happens.
  I've created a 
  <a href="http://jsfiddle.net/HKgYn/1/" rel="nofollow">JSFiddle</a> 
  <a href="http://jsfiddle.net/HKgYn/1/" rel="nofollow">http://jsfiddle.net/HKgYn/1/</a></p>
  
  <pre><code>&lt;script type="text/x-handlebars" data-template-name="photo_album"&gt;
  &lt;!-- I want view.cover to be updated automatically but nothing happens? --&gt;
  My Cover: {{ view.cover }}
  &lt;/script&gt;
  
  
  App.PhotoAlbumController = Ember.ObjectController.extend({
    cover: '/no-image.jpg' 
  });
  
  App.PhotoAlbumView = Ember.View.extend({
    coverBinding: 'App.photoAlbumController.cover' 
  });
  
  App.AlbumController = Ember.ObjectController.extend({
    needs: ['photoAlbum'] 
  });
  
  App.AlbumRoute = Ember.Route.extend({
    setupController: function(controller, model) {
      var pac = controller.get('controllers.photoAlbum');
      pac.set('cover', model.get('cover_url'));
    },
    model: function(params) {
      return App.Album.find(params.album_id);
    }
  });
  </code></pre>
  
  <p>I'm not sure what I'm missing or what I'm doing wrong, some help is greatly wanted.</p>
  
  <p>Thanks.</p>