title: Rendering a view after multiple asynchronous ajax calls with Backbone
body: <p>I have a backbone view and I want to render html AFTER 2 asynchronous calls have been:</p>
  
  <pre><code>initialize: function (model, options) {        
      team.fetch({
                  success: function (collection) { 
                    //do some things            
             });
  
      goal.fetch({
                  success: function (collection) { 
                    //do some things          
             });
  
      this.render();
  }
  
      render: function () {
          this.$el.html(template());
          return this;
      }
  </code></pre>
  
  <p>Obviously, with the code above, the html template will be returned before/during the ajax calls. Normally, when just one ajax call, I do:</p>
  
  <pre><code>initialize: function (model, options) {      
      var that = this;
      team.fetch({
                  success: function (collection) { 
                    //do some things     
                            that.render();
             });
  
  
  }
  
      render: function () {
          this.$el.html(template());
          return this;
      }
  </code></pre>
  
  <p>What's the most elegant way for doing this with multiple ajax calls?</p>