title: collection.each() does not iterate over models
body: <p>I am trying to iterate over models fetched by collection.</p>
  
  <p>I have folowing piece of code:</p>
  
  <pre><code>initialize: function() {
                  this.collection = new UserCollection();
                  this.collection.fetch();
                  this.render();
              },
  
              renderCollection: function() {
                  console.log("rendering collection");
                  this.collection.each(function(index,model){
                      console.log("model"); 
                  });
                  console.log(this.collection);
              },
  
  render: function() {
                  this.template = _.template(template, {});
                  this.$el.html(this.template);
                  // some other stuff
                  this.renderCollection();
  }
  </code></pre>
  
  <p>and results:</p>
  
  <pre><code>rendering collection
  
  d {models: Array[0], length: 0, _byId: Object, constructor: function, model: function…}
  _byId: Object
  _idAttr: "id"
  length: 4
  models: Array[4]
  0: d
  _changing: false
  _events: Object
  _pending: false
  _previousAttributes: Object
  attributes: Object
  created: "2013-02-13 09:22:42"
  id: "1"
  modified: "2013-02-13 09:22:42"
  role: "admin"
  username: "email@gmail.com"
  __proto__: Object
  changed: Object
  cid: "c5"
  collection: d
  id: "1"
  __proto__: e
  1: d
  2: d
  3: d
  length: 4
  __proto__: Array[0]
  __proto__: e
   user_list.js:25
  </code></pre>
  
  <p>So the fetch method did work - in object dump I can find 4 records fetched but iterating over the collection does not work...</p>