title: Fetching and Parsing Collection
body: <p>I've overridden the <code>parse</code> function of a collection I'm fetching as so:</p>
  
  <pre><code>parse: function(response) {
      this.total = response.total;
      return response.items;
  }
  </code></pre>
  
  <p>Further, I've bound the collection to the render function of the view that uses it. 
  <code>this.collection.bind('reset', this.render);</code></p>
  
  <p>The collection itself is fetched in the collection's initialize function:
  <code>this.collection.fetch({ data: params });</code></p>
  
  <p>The collection is then accessed in subviews:</p>
  
  <pre><code>render: function() {
    var catalog, pages;
    catalog = new App.Views.Catalog({collection: this.collection});
    pages = new App.Views.Pages({collection: this.collection});
  
    return this;
  }
  </code></pre>
  
  <p><strong>NOTE:</strong></p>
  
  <p>The only way I could get it work was by changing the binding to: <code>this.collection.bind('add', this.render);</code>, which ends up calling <code>render</code> four times.</p>