title: Bind a view to collections in backbone.js
body: <p>I'm semi-new to backbone. I'm trying to bind a collection to a view so that when a new model is added to a collection, the view is updated. I think when you do this with models you can bind to the model's change event. But how do you do the same with collections?</p>
  
  <pre><code>App.Views.Hotels = Backbone.View.extend({
  
      tagName: 'ul',
  
      render: function() {
          this.collection.each(this.addOne, this);
          var floorplanView = new App.Views.Floorplans({collection:floorplanCollection});
          $('.floorplans').html(floorplanView.render().el);
          return this;
      },
  
      events: {'click': 'addfloorplan'},
  
      addOne: function(hotel) {
          var hotelView = new App.Views.Hotel ({model:hotel});
          this.$el.append(hotelView.render().el);
      },
  
      addfloorplan: function() {
          floorplanCollection.add({"name": "another floorplan"});
      }
  });
  
  App.Collections.Floorplans = Backbone.Collection.extend({
      model: App.Models.Floorplan,
      initialize: function () {
          this.bind( "add", function() {console.log("added");} );
      }
  });
  </code></pre>
  
  <p>The click event fires and adds to the collection. But how do I get it to update the view?</p>