title: Handeling response from backbone.js collection using fetch
body: <p>am pretty new to backbone.js and managed recently to finish my first application. I made a collection that is responsible for fetching data through a API but am not able to loop through the result and use it. </p>
  
  <p>Here is my model file</p>
  
  <pre><code>define([
      'jquery',
      'underscore',
      'backbone'
  ], function($, _, Backbone){
  
      var VehicleLookupModel = Backbone.Model.extend({
          //data will contain one of the items returned from the collection's 'parse' function.
          parse: function(data){
              return data;
          }
      })
  
      return VehicleLookupModel;
  
  });
  </code></pre>
  
  <p>collection file</p>
  
  <pre><code>define([
      'jquery',
      'underscore',
      'backbone',
      'l/models/VehicleLookupModel'
  ], function($, _, Backbone, VehicleLookupModel){
  
      var VehicleLookupModelSet = Backbone.Collection.extend({
          model   : VehicleLookupModel,
  
          url     : function() {
              return '/en/car/api/model-lookup-model.json/'+this.make+'/';
          },
  
          parse : function(response) {
              return response;
          },
  
          initialize: function(options) {
              options || (options = {});
              this.make = options.make;
          }
      })
  
      return VehicleLookupModelSet;
  
  });
  </code></pre>
  
  <p>and finally the view file</p>
  
  <pre><code>define([
      'jquery',
      'underscore',
      'backbone',
      'l/collections/VehicleLookupMakeSet',
      'l/collections/VehicleLookupModelSet',
      'l/collections/VehicleLookupTrimSet'
  ], function($, _, Backbone, VehicleLookupMakeSet, VehicleLookupModelSet, VehicleLookupTrimSet){
  
      var BrowseVehicleView = Backbone.View.extend({
          el: $('#vehicle-browse-form'),
          initialize: function(){
  
              // Extend JQuery example
              // This would extend JQuery function for resetting elements on the form
              $.fn.extend({
                  resetElement: function(){
                      $(this).attr('disabled', 'disabled');
                      $(this).html('');
  
                      return $(this);
                  }
              });
  
              // define array of elements to be used in DOM manipulations
              this.elements = {
                  "make"      : $('#id_make',     this.el),
                  "model"     : $('#id_model',    this.el),
                  "trim"      : $('#id_trim',     this.el),
                  "year"      : $('#id_year',     this.el)
              }
  
          },
  
          events: {
              "change #id_make"   : "onMakeChange",
              "change #id_model"  : "onModelChange",
              "change #id_trim"   : "onTrimChange"
          },
          render: function(){
              // Using Underscore we can compile our template with data
  
          },
          onMakeChange: function(event) {
              this.elements.model.resetElement();
              this.elements.trim.resetElement();
              this.collection = new VehicleLookupModelSet({make: this.elements.make.val()})
              this.collection.fetch();
  
              console.log(this.collection);
  
  
  
          },
          onModelChange: function(event) {
              var VehicleLookupTrimInstance = new VehicleLookupTrimSet({make: this.elements.make.val(), model: this.elements.model.val()})
              VehicleLookupTrimInstance.fetch();
  
          },
          onTrimChange: function(event) {
  
          },
          renderItem:  function(object, item) {
              console.log(item);
          }
  
      });
      // Our module now returns our view
      return new BrowseVehicleView;
  });
  </code></pre>
  
  <p>The above is console.log(this.collection) is returning an object with many property which am not sure how to use. But, I noticed that there is a method "models" and inside models there is many number of objects, each represent the value of the json. </p>
  
  <p>Any ideas how i can loop through the object? </p>