Глобальные переменные js

Есть примерно такой код (привожу урезанную версию)

var gitem, nitem, items;

function load_items() {
    $.post('script.php', {'type': 'items'}).done(function(arr){
        items = JSON.parse(arr);
        $.each(items, function(i, item){
            // обработка
        });
    });
}
load_items();

function switch_to_new() {
    $.post('script2.php', {'type': 'new'}).done(function(arr){
        var jp = JSON.parse(arr);
        $.each(jp, function(i, comment){
            $.each(items, function(i, item){
                if (item.id != comment.id){return}
                gitem = item;
                return false;
            });
            $('#main').append(`
                <span class="article" rate=${gitem.starsavg} comms=${gitem.cnt}>
            `);
            // здесь ошибка
        });
    });
}

На локальном сервере (Open Server) все работает отлично, но после выгрузки на хостинг в строке <span class="article" rate=${gitem.starsavg} comms=${gitem.cnt}> появляется ошибка Uncaught TypeError: Cannot read property 'starsavg' of undefined