Looping through multidimensional array with jQuery

Question

So as the example below show I want to loop through an array inside an jQuery plugin that I'm trying to build. It's not working so can somebody help me with this.

$.each(defaults.garage, function(i, value){

    $.each(value.cars, function(i2, value2){

        alert(value2.model);

    }); 

});

$.fn[pluginName].defaults = {
      garage:[
            {
                name: '',
                country:'',
                cars:[
                        {
                            model: '',
                            year:''

                        },
                        {
                            model: '',
                            year:''

                        }

                ],
                hook: function(){}
            }       
        ],
        garage:[
            {
                name: '',
                country:'',
                cars:[
                        {
                            model: '',
                            year:''

                        },
                        {
                            model: '',
                            year:''

                        }

                ],
                hook: function(){}
            }       
        ]
};

Answer 1

It looks like your problem is due to the object keys not being unique.

Do JSON keys need to be unique?

You can use this:

$.each(garages, function(i,v){
    $.each(garages[i].cars, function(i2, v2){
        alert(garages[i].cars[i2].model);
    })
})

garages = [
    {
        name: '',
        country: '',
        cars:[
            {
                model: 'BMW',
                year: ''
            }
        ],
        hook: function(){}
    }

    {
        name: '',
        country: '',
        cars:[
            {
                model: 'Honda',
                year: ''
            }
        ],
        hook: function(){}
    }

]

here is a fiddle