title: Backbone - loading JSON into collection won't render in the view
body: <p>I can't seem to get JSON that is loading into my FriendsCollection to render into FriendListView. I can see that it is loading through the network panel, and I can log the data to the console, but for some reason the fetch command isn't passing the data to the view to be rendered.</p>
  
  <p>I'm using Backbone 1.0.</p>
  
  <p>The code i'm using is available on jsbin here: <a href="http://jsbin.com/OHePaki/1/edit?html,js,output" rel="nofollow">http://jsbin.com/OHePaki/1/edit?html,js,output</a></p>
  
  <pre><code>// MODELS
  var ArtifactModel = Backbone.Model.extend({
      initialize: function() {
          this.on('reset', function(){ artifactView.render() })
      },
      defaults: {
          "text": "Unknown Text",
          "timestamp": "Unknown timestamp"
      }
  });
  var artifactModel = new ArtifactModel();
  
  // COLLECTIONS
  var ArtifactCollection = Backbone.Collection.extend({
      model: ArtifactModel,
      url: '/getDigest.json',
      // url: 'http://we365.local/Artifact/GetShareableArtifact?token=b88d2640826bb8593f6edb308ce604f28225f240&amp;artifact_id=2&amp;social_site=tw&amp;log_inside=&amp;go',
      parse: function(data) {
          console.log('running parse');
          return _.map(data.response.content, _.identity);
      },
      initialize: function(){
          this.on('reset', function(){ artifactListView.render(); }),
          console.log('running init function for ArtifactCollection');
          this.fetch();
          //this.reset(artifactjson, { parse: true });
          console.log(this.toJSON());
      }
  });
  var artifactCollection = new ArtifactCollection();
  
  
  // VIEWS
      var ArtifactView = Backbone.View.extend({
          tagName: 'li',
          className: 'single-model',
          render: function(){
              var template = Handlebars.compile($('#stream_getDigest').html());
              this.$el.html(template(this.model.toJSON()));
              return this;
          }
      });
  
      var ArtifactListView = Backbone.View.extend({
          initalize: function(){
              this.collection.on('add', this.addOne, this);
          },
          render: function(){
              this.collection.forEach(this.addOne, this);
          },
          addOne: function(artifactModel){
              var artifactView = new ArtifactView({model: artifactModel});
              this.$el.append(artifactView.render().el);
          }
      });
  
  
  // rendering
  var artifactView = new ArtifactView({model: artifactModel});
  var artifactListView = new ArtifactListView({collection: artifactCollection});
  
  artifactView.render();
  artifactListView.render();
  
  $('#list').html(artifactListView.$el.html());
  </code></pre>