Ajax JQuery For循环仅返回数组

Question

Newish JQuery人在这里。我正在尝试使用Ajax调用来拉出与此“章节”字符串的每个单词相对应的gif。我的循环只是让我回到最后一个单词“stairhead”。

任何人都可以帮我发现问题吗？谢谢！

var chapter = "STATELY, PLUMP BUCK MULLIGAN CAME FROM THE STAIRHEAD";
var chapterArray = chapter.split(" ");

for (i=0; i<chapterArray.length; i++){

var currentWord = chapterArray[i];

var queryURL = "http://api.giphy.com/v1/gifs/search?q=" + currentWord + "&api_key=dc6zaTOxFJmzC";
    $.ajax({
        url: queryURL,
        method: 'GET'
        })
        .done(function(response) {
            var results = response.data;

    var gifDiv = $('<div/>');
    var word =$('<div/>');
    var gif = $('<img/>');
...