Почему не срабатывает переход по стрелочкам SPA ajax?

Всем привет!

Делаю SPA на нативно JS

И столкнулся с такой проблемой:

Есть вот такой код ajax запроса

public static CreateAjaxRequest(UrlName,background){
        $(document).ready(function () {
            $.ajax({
                url: UrlName,
                type:'GET',
                dataType:'text',
                success:function (response) {
                    console.log(response);
                    console.log('url('+'"'+ background + '"' +')');
                    $('body').html(response);
                    $('body').css('background-image', 'url('+'"'+ background + '"' +')');
                }
            })
        });
    }

Все, вроде как работает
Затем на каждой странице я подменяю ссылку методом pushState - тоже все хорошо - ссылка меняется

history.pushState('game','Game','http://localhost:63342/FinalGame/game.html');

Но когда пытаюсь переходить вперед/назад браузерными стреочками - не работает без обновления страницы
С чем это может быть связано?