title: backbone.js fetch() returning object instead of child
body: <p>I working through the peepcode backbone.js basics tutorial and as far as I can tell my code is identical to the screencast but my console behaviour is very different.</p>
  
  <p>My Chrome console(used in the screecast) produces this result.</p>
  
  <pre><code>albums = new Albums()
  child
  albums.fetch()
  Object
  albums.models()
  TypeError: Property 'models' of object [object Object] is not a function
  </code></pre>
  
  <p>the screencast console looks like this</p>
  
  <pre><code>albums = new Albums()
  inherits.child
  albums.fetch()
  inherits.child
  albums.models()
  [ inherits.child, inherits.child ]
  </code></pre>
  
  <p>I'm totally lost as to where this is falling apart. Is it my code(see Below),my browser or something else?</p>
  
  <pre><code>(function($) {
  
  window.Album = Backbone.Model.extend({
  
      isFirstTrack: function(index) {
          return index == 0;
      },
  
      isLastTrack: function(index) {
          return index &gt;= this.get('tracks').length - 1;
      },
  
      trackUrlAtIndex: function(index) {
          if (this.get('tracks').length &gt;= index) {
              return this.get('tracks')[index].url;
          }
          return null;
      }
  
  });
  
  window.Albums = Backbone.Collection.extend({
      model: Album,
      url: "/albums"
  });
  
  
  window.AlbumView = Backbone.View.extend({
      tagName: 'li',
      className: 'album',
  
      initialize: function() {
          _.bindAll(this, 'render');
          this.model.bind('change', this.render);
  
          this.template = _.template($('#album-template').html());
      },
  
      render: function() {
          var renderedContent = this.template(this.model.toJSON());
          $(this.el).html(renderedContent);
          return this;
      }
  
  });
  
  })(jQuery)
  </code></pre>