Как правильно получить значение json?

<select id="person"></select>
<select id="key"></select>
<span id="value"></span>

const data = [
  {
    "ФИО": "Иванов Сергей",
    "Адрес": {
      "Город": "Москва",
      "Улица": "Пятницкая",
      "Дом": "35",
    },
  },
  {
    "ФИО": "Сидоров Иван",
    "Адрес": {
      "Город": "Питер",
      "Улица": "Ленина",
      "Дом": "42",
    },
  },
];

const select = (selector, options) => $(selector)
  .html(options.map(n => `<option>${n}</option>`).join(''))
  .val(null);

const $person = select('#person', data.map(n => n['ФИО']));
const $key = select('#key', Object.keys(data[0]['Адрес']));

$person.add($key).change(function() {
  const person = $person.val();
  const key = $key.val();

  if (person && key) {
    $('#value').text(data.find(n => n['ФИО'] === person)['Адрес'][key]);
  }
});