Почему вызов InnerHTML не работает? ⇐ Jquery

[Anonymous]

Ссылка на мой код: https://codepen.io/Kibitz/pen/PKdLma?editors=1111.

Я запускаю ajax-вызов, который получает информация из Википедии для результатов. В случае успеха у меня есть цикл for, который добавляет результаты в массив.

В настоящее время у меня есть только один оператор InternalHTML, чтобы попытаться изменить p тег, который начинается со слова-заполнителя.

В конечном итоге я хочу показать десять результатов. В настоящее время вызов InnerHTML не изменяет слово-заполнитель.

Это фрагмент вызова ajax:

$.ajax({
type: "GET",
dataType: 'jsonp',
data: {
format: 'json'
},
cache: false,
url: url,
async: false,
success: function (data) {
for (i = 0; i < 10; i++) {
res = data[1];
}
console.log(res);
document.getElementById("results1").innerHTML = res[0];
},
error: function (errorMessage) {
console.log('here');
alert("error");
},
complete: function () {
console.log("complete");
}
});


Подробнее здесь: https://stackoverflow.com/questions/463 ... ll-working