title: jquery each loop through array with multiple objects
body: <p>I have a javascript array of multiple objects like the one bellow : </p>
  
  <pre><code>var myArray = [{
  
  year:'2015',
  model:'BMW',
  used:false,
  extras: [{buckets:'no',sportWheels:'yes'},{buckets:'no',sportWheels:'yes'}],
  color:'blue'
  
  .....
  
  }];
  </code></pre>
  
  <p>What i am trying to do is to loop this array and pass the results into a list, something like this : </p>
  
  <pre><code>$.each(myArray, function(i, e){
  var year = myArray[i].year;
  var model = myArray[i].model;
  var used = myArray[i].used;
  var color = myArray[i].color;
  var extras = myArray[i].extras; 
  
  $('.list').append(year+model+used+color);
  });
  </code></pre>
  
  <p>Everything goes well till i want to gather the results of extras. I dont know what to do can anyone suggest something. I thought about a second loop but doesnt work!!!</p>