title: Backbone JS: self populate Collection
body: <p>I have a Backbone collection like this</p>
  
  <pre><code>var ContactsCollection = Backbone.Collection.extend({
      model: Contact,
  
      initialize: function () {
              //retrieves contacts from web service
              //contactsLoaded: is the callback that gets called after 
              //the contacts get received
              loadContacts(this.contactsLoaded);
      },
  
      contactsLoaded: function (contacts) {
              for (var i = 0; i &lt; contacts.length; i++) {
                //TODO populate the collection [models][1]
              }
      }
  });
  </code></pre>
  
  <p>in other word, I want to self populate the collection's <a href="http://backbonejs.org/#Collection-models" rel="nofollow">models</a>,
  how can I do this ?</p>