title: Marionette CollectionView re-render when a model is removed from the collection
body: <p>I figured out my problem, but I would like to know <em>why</em>, so that I may (hopefully) understand Marionette/backbone better.</p>
  
  <p><strong>Problem</strong> The code below does update the view when an item is removed:</p>
  
  <pre><code>var MainView = Marionette.ItemView.extend({
      template: "#sample-template",
      events :{
          "click #remove" : "remove"
      },
      remove: function(){            
          this.trigger("property:remove", this.model);
      }
  });
  var CollectionView = Marionette.CollectionView.extend({
      itemView: MainView,
      initialize: function(){
          this.on("itemview:property:remove", function(view, model){
              alert(this.collection.length);
              this.collection.remove(model);
              alert(this.collection.length);
          });
      }
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/mlsteeves/ALLse/2/" rel="nofollow">A JsFiddle to view in all its glory</a></p>
  
  <p><strong>The fix</strong> The code below does update the view as expected:</p>
  
  <pre><code>var MainView = Marionette.ItemView.extend({
      template: "#sample-template",
      triggers :{
          "click #remove" : "property:remove"
      },
  });
  
  var CollectionView = Marionette.CollectionView.extend({
      itemView: MainView,
      initialize: function(){
          this.on("itemview:property:remove", function(view, model){
              alert(this.collection.length);
              this.collection.remove(view.model);
              alert(this.collection.length);
          });
      }
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/mlsteeves/ALLse/3/" rel="nofollow">The jsFiddle</a></p>