title: fetch backbone model inside a foreach loop
body: <pre><code>    this.shipperModel = new shipperModel();
      this.collection = new packetListCollection(this.options.packetData);
      this.listenTo(this.collection, "change", this.render);
      this.listenTo(this.collection, "add", this.render);
      this.finalArry = [];
      self.collection.each(function (modelData) {
          self.shipperModel.fetch({
              data: {
                  facility_id: modelData.facility_id ? modelData.facility_id : 0
              }
          }).then(function (response) {
              console.log(response.records);
              self.finalArry.push(response.records);
          })
  
      });
      console.log(self.finalArry);
  </code></pre>
  
  <p>my array always comes as blank even though there is data in the response how do i make sure the result gets display only after all the above fetches are done.</p>