title: Updating backbone view when collection change
body: <p>When the first page of my Backbone app load I fetch a collection then iterate over it to render the page:</p>
  
  <p>Page Router:</p>
  
  <pre><code>    home: function ()
      {
          new BodyView ({page:'home'});
  
          new HomeView();
          new PostView();
  
          postCollection = new PostCol({userId:getId(),start:0,offset:50});
          postCollection.fetch();
          postView = new Post({collection:postCollection});
  
      },
  </code></pre>
  
  <p>Post View:</p>
  
  <pre><code>    el:'.stream',
      initialize: function ()
      {
          this.collection.on('reset',this.render.bind(this));
          this.collection.on ('change',this.render.bind (this));
      },
      render: function ()
      {
          this.collection.each (function (model)
          {
              actor = new Actor ({model:model});
              this.$el.append (actor.render().el);
          },this);
          return this;
      },
  </code></pre>
  
  <p>What I am trying to accomplish now is that when a user save some data in another view it update the Post view. This is what I did but its not working.</p>
  
  <p>Other View:</p>
  
  <pre><code>     post = new PostModel ({userid:getId(),post:postText,objectid:0});
              post.save({},
              {
                  success: function (response)
                  {
                      postCol = new PostCol ({userId:getId(),start:0,offset:50});
                      postView = new Post ({collection:postCol});
                      postCol.fetch ().success({change:true});
                  },
                  error: function (response)
                  {
                      console.log (response);
                  }
              }
              );
  </code></pre>