Загрузите контент в Div через отдых и загрузите страницу

Question

Я использую rest для получения некоторых данных и заполняю два div содержимым, которое я получаю. Этот оставшийся ajax-вызов находится в index.html.

Эти элементы div, которые я заполняю содержимым из вызова rest, находятся на page1.html, который я загружаю с использованием document.on, готового внутри index.html в конце. страницы.

Проблема, с которой я сталкиваюсь, иногда возникает, когда index.html загружается, div заполняется, а иногда - нет. Я должен обновить страницу для div'ов, которые будут заполнены. Любые идеи или помощь будут оценены. Это может быть код заказа или, может быть, я должен загрузить контент при успешном вызове?

    <!--check if ID is passed-->
    if ($.isNumeric(id)) {
        formPath = "forms/EditForm.html";
        getItemDetails(id);
    $("#form").load(formPath);
}


<!--make rest call-->
function getItemDetails(itemID) {
    console.log(itemID);
    var url = siteURL;
    $.ajax({
        url: url,
        type: "GET",
        async: true,
        headers: { "Accept": "application/json; odata=verbose" },
        success: function (data) {
            var items = data.d.results;
            $.each(items, function (index, item) {
                step1AcknowledgementValue = item.Acknowledgement;
            });

            //**Populate Request Data**
            //Request#
            $("#requestNumberSpan").html(requestNumber);
            //Step1
            $('#step1Acknowledgement').html(step1AcknowledgementValue);
            }

        },
        error: function (error) {
            console.log(JSON.stringify(error));
        }
    });
}