title: Collection add event listener in Backbone
body: <p>I am trying to update my view whenever I add a new model to my collection. My first question is do I automatically add a model to my collection when I save that model, like: </p>
  
  <pre><code>PostsApp.Views.Form = Backbone.View.extend({
      template: _.template($('#form-template').html()),
      render: function(){
          this.$el.html(this.template(this.model.toJSON()));
      },
      events:{
          'click button' : 'save'
      },
  
      save: function(e){
          console.log("is this working");
          e.preventDefault();
          var newname = this.$('input[name=name-input]').val();
          var newadress = this.$('input[name=adress-input]').val();
          this.model.save({name: newname, adress : newadress});
      }
  
  
  });
  </code></pre>
  
  <p>or do I still have to do collection.add()</p>
  
  <p>Other than that to see the new model in my view I am trying to add an 'add' event listener like this:</p>
  
  <pre><code>PostsApp.Views.Posts = Backbone.View.extend({
      initialize: function(){
          this.collection.on('add', this.addOne, this);
  
      },
      render: function(){
          this.collection.forEach(this.addOne, this);
      },
  
      addOne: function(post){
          var postView = new PostsApp.Views.Post({model:post});
          postView.render();
          this.$el.append(postView.el);
      }
  });
  </code></pre>
  
  <p>This not only doesnt work, but when I add the initialize method, it just duplicates everything in my model when the page is first loaded. </p>