Ajax Call висит в JQuery

Я пытаюсь сделать ajax-вызовы в последовательности, а затем применить дескрипторы для добавления их в основной файл html. но мой код ниже подвешен только по первому запросу. когда я пытаюсь этот url вручную, он возвращает html. но не тогда, когда я пытаюсь. Я делаю любую логическую ошибку здесь.

var i = 0;
var flagArray = new Array(data.length);
while (i < data.length) {
    if (flagArray[i] == 'done') {
        i++;
        console.log(i);
    }
    if (flagArray[i] != 'fired') {
        flagArray[i] = 'fired';
        $.get('commonCore/templates/' + data[i].templateHtml, function (html) {
            console.log(data[count].classSelect, i);
            var filterTemplate = Handlebars.compile(html);
            replaceFilterTemplate(filterTemplate, data[i].classSelect);
            flagArray[i] = 'done';
        });
    }
}

данные json:

[
    {
        "templateHtml": "dcdcsFilterOptions.html",
        "classSelect": "dcdcsOptions"
    },
    {
        "templateHtml": "dashBoardLeftInsight.html",
        "classSelect": "leftpanel"
    },
    {
        "templateHtml": "advanceFilterOptions.html",
        "classSelect": "advancedOptions"
    },
    {
        "templateHtml": "reportFilterOptions.html",
        "classSelect": "reportdashboard"
    }
]

в хромовой сети показывает ожидающий статус для первого запроса навсегда, и, следовательно, все висит. но manuall try возвращает данные.