title: Shouldn't a change event on collection also fire a change event on the model?
body: <p>When I run <code>add</code> on my collection:</p>
  
  <pre><code>this.children.add(newData,{merge:true});
  </code></pre>
  
  <p>The change event for the collection fires and tells me the model that has changed. However, that model that has changed does not fire a change event.  I would think that if the model changed it would fire a change event.</p>
  
  <p>In the individual item view I have (<code>ChildView.js</code>):</p>
  
  <pre><code>initalize: function(){
      this.listenTo(this.model, 'change',this.render);
  },
  </code></pre>
  
  <p>And in the View for all the items I have (<code>ChildrenView.js</code>): </p>
  
  <pre><code>this.listenTo(this.children, 'change', this.changed);
  </code></pre>
  
  <p>So <code>this.changed</code> DOES fire.  But the model in question does not fire a <code>change event</code></p>
  
  <p>I am doing an ajax file upload so for lack of a better way right now I am just using an ajax call to upload the file (See the success function where it sets the collection):</p>
  
  <pre><code>    getFile:function(e){
          e.preventDefault();
          var that = this;
          var collChildren = this.children;
          console.log('this',this);
          console.log(this.children);
          var file = e.target.files[0];
          var formData = new FormData($('#upload-child-pic-form')[0]);
          console.log(this,'currentUploadU',this.currentUpload);
          formData.append('child_id',this.currentUpload);
          $.ajax({
              url: '/x/children/upload/',  //Server script to process data
              type: 'POST',
              xhr: function() {  // Custom XMLHttpRequest
              var myXhr = $.ajaxSettings.xhr();
                  if(myXhr.upload){ // Check if upload property exists
                      myXhr.upload.addEventListener('progress',function(data){
                          $("#upload-child-pic-progress").val(data.position / data.totalSize * 100);
                      }, false); // For handling the progress of the upload
                  }
                  return myXhr;
              },
              //Ajax events
              beforeSend: function(data){
                  $("#upload-child-pic-progress").removeClass('hide');
              },
              success: function(data){
                  $("#upload-child-pic-progress").addClass('hide');
                  $("#add-child-profile-pics-modal").modal('hide');
                  var newData = $.parseJSON(data);
                  collChildren.add(newData,{merge:true});
              },
              error: function(data){
                  console.log('error',data);
              },
              // Form data
              data: formData,
              //Options to tell jQuery not to process data or worry about content-type.
              cache: false,
              contentType: false,
              processData: false
          });
      },
  </code></pre>
  
  <p>Here is my Single <code>Child</code> View</p>
  
  <pre><code>define([
  'jquery',
  'underscore',
  'backbone',
  'text!templates/children/child.html'
  ], function($,_,Backbone,childTemplate){
  var ChildView = Backbone.View.extend({
      tagName: 'li',
  
      events: {
          'click .pic-settings'   : 'picSettingsClicked',
      },
  
      template: _.template(childTemplate),
  
      initalize: function(){
          this.listenTo(this.model, 'change',this.render);
      },
  
      picSettingsClicked: function(e){
          e.preventDefault();
          Backbone.pubsub.trigger('picSettingClick',this.model.get('id'));
      },
  
      render: function(){
          console.log('changing',this.model,this.model.get('photo'),this.model.get('first_name'));
          this.$el.addClass('child').html(this.template(this.model.toJSON()));
          return this;
      }
  }); 
  return ChildView;
  });
  </code></pre>