Javascript - элемент DOM, возвращающий начальное значение после завершения метода обратного вызова

Question

У меня есть несколько методов обратного вызова для некоторых событий socket.io.В одном случае я меняю цвет тела background-color на красный, а в другом случае я меняю его на желтый.

Когда я отлаживаю вопрос, почему желтый не отражается, я вижу, что во время пошаговой отладки цвет тела меняется на желтый, но как только метод заканчивается, он снова становится красным.

Вот мои два события обратного вызова.

function initScore(data) {

    $('body').css('background', 'red')  // <-- color changes and is saved

    $('.waiting-modal').hide()
    let j = JSON.parse(data);
    roundId = j.id;
    delete j.id
    players = j["players"];
    delete j["players"]
    $('#scores').html('')
    for (key in j) {
        console.log(j[key])
        $('#scores').append('<p><strong>' + j[key][0] + ': </strong>' + `${j[key][1].wins} / ${j[key][1].losses}` + '</p>')    
    }
}

function gameOver(data) {

    $('body').css('background', 'yellow')    // <-- changes to yellow but turns back red.

}

Вот мои события обратного вызова

socket.on('init_scores', initScore)
socket.on('gameOver', gameOver);

Это странное поведение, с которым я никогда не сталкивался.