Как парсить массив данных через JSON?

У меня есть многострочный select, в котором нужно вывести отфильтрованный список option. Здесь jquery берёт критерий фильтрации из input, и методом POST отправляет на php, ожидая ответа.
$('.Or-fio').on('keypress', function(e) {
if (e.which == 13) {
var fio = $('.Or-fio').val();
$.post("fio.php", "fio-str=" + fio, function (data) {
var jsonData = JSON.parse(data);

}
});
e.preventDefault();
}
});

Здесь мы фильтруем нужные данные и получаем массив, который в виде строки отправляем обратно на js.
$fiostr = $_POST['fio-str'];
$sql = ("SELECT FIO FROM [MyBD] WHERE Fam = '$fiostr' OR Imy = '$fiostr' OR Otch = '$fiostr' ORDER BY Fam");
if ($stmt = sqlsrv_query($conn, $sql)) {
while($row = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC)) {
$data[] = $row;
}
echo json_encode($data, JSON_UNESCAPED_UNICODE);
}

Я пытался делать что-то вроде:
for (var i = 0; i < jsonData.counters.length; i++) {
var counter = jsonData.counters[i];
$('.left').html('<option data-num="" value="'+counter+'">'+counter+'</option>');
Но это просто не работает, ничего не происходит.

Помогите составить цикл, чтобы вывести данные.