Using to jQuery to access JSON nested array

Using to jQuery to access JSON nested array

I had written a JSON file and corresponding jQuery to iterate through it. I've recently decided that I should probably read in one big JSON file, rather than several smaller ones. So my previous working code looked roughly like this:

JSON
  1. { "men" : [
  2.        { "id":0,
  3.          "name":"alex", 
  4.          "age":"25"
  5.        },
  6.        { "id":1,
  7.          "name":"bob", 
  8.          "age":"26"
  9.        },
  10.        { "id":2,
  11.          "name":"charlie", 
  12.          "age":"27"
  13.        }
  14. ]}
And the jQuery I was using to iterate through it looked like this:
  1. //get the data from JSON file
  2. $.getJSON(url, function(data) {
  3.       //populate the radio buttons
  4.        $(data.men).each(function() {
  5.              //do stuff
  6.        });
  7. });

So now to combine two JSON files into one, I figured I needed to do this:
  1. {"people": [
  2.        { "men" : [
  3.              { "id":0,
  4.                "name":"alex", 
  5.                "age":"25"
  6.              },
  7.              { "id":1,
  8.                "name":"bob", 
  9.                "age":"26"
  10.              },
  11.              { "id":2,
  12.                "name":"charlie", 
  13.                "age":"27"
  14.              }
  15.        ]},
  16.        { "women" : [
  17.              { "id":0,
  18.                "name":"alexys", 
  19.                "age":"25"
  20.              },
  21.              { "id":1,
  22.                "name":"bethany", 
  23.                "age":"26"
  24.              },
  25.              { "id":2,
  26.                "name":"charlotte", 
  27.                "age":"27"
  28.              }
  29.        ]}
  30. ]}

But after much Googling and StackOverflow lurking, and many different attempts; I can not figure out how to access the array objects.

Any help would be greatly appreciated.