title: populating nested collections with parent model fetch
body: <p>I've got the following model with nested collection    </p>
  
  <pre><code>var Mdl = Backbone.Model.extend({
    initialize: function() {
  
      // collection
      this.col1 = new NestedCollection();
  
    },
    ...
  });
  </code></pre>
  
  <p>I would like to send the data for both the model and the models in the collection in one request looking something like:</p>
  
  <pre><code>{
    att1: val,
    col1: [{obj1: val}, {...}]
  }
  </code></pre>
  
  <p>I'm unsure about the best way to hand the data in the request to the nested collection (col1). I can't do ...</p>
  
  <pre><code>var Mdl = Backbone.Model.extend({
    initialize: function() {
      // collection
      this.col1 = new NestedCollection(this.get('col1');
    },
    ...
  });
  </code></pre>
  
  <p>... because at the time of initialize is called the parse function of the model has not been called which means that the attribute col1 is empty, another solution I thought of was to listen for the change in the parent model like...</p>
  
  <pre><code>model.bind("change:tags", function() {
    model.col1.refresh(model.get('col1'));
  });
  </code></pre>
  
  <p>however this solution feels a little heavy handed and might potentially break any </p>
  
  <pre><code>this.col1.bind("add", function() {})
  </code></pre>
  
  <p>and  </p>
  
  <pre><code>this.col1.bind("remove", function() {})
  </code></pre>
  
  <p>function set-up on the collection.</p>
  
  <p>Has anyone got any idea of the 'official' way of doing this?</p>
  
  <p>Thanks.</p>