title: Render a Backbone.js collection
body: <p>I am a Backbone.js n00b and trying to get my head around it. I know how to render a model using a view and the built-in underscore.js templating engine. Now I'm trying to render a collection and that's where I get stuck. There is no server here, so I'm not fetching anything  remotely, just a simple HTML page with some JavaScript.</p>
  
  <pre><code>ContinentModel = Backbone.Model.extend({});
  
  ContinentsCollection = Backbone.Collection.extend({
    model: ContinentModel,
  
    initialize: function () {
      this.continentsView = new ContinentsView;
      this.bind("reset", this.continentsView.render);
    }
  });
  
  ContinentsView = Backbone.View.extend({
    el: '#continents',
    template: _.template($('#continents-template').html()),
  
    render: function() {
      var renderedContent = this.template(this.collection.toJSON());
      $(this.el).html(renderedContent);
      return this;
    }
  });
  
  $(function() {
    var continentsCollection = new ContinentsCollection();
    continentsCollection.reset([{name: "Asia"}, {name: "Africa"}]);
  });
  </code></pre>
  
  <p>It breaks on the template attribute line in the view but I'm not sure that's where I need to look. Am I supposed to render a collection or do I miss the point completely here (maybe collections are just grouping objects and I shouldn't look at it as a list I can render)?</p>
  
  <p>Thanks for helping...</p>