[Мушег]

Добрый день. Мне нужно при нажатии на кнопку назад или вперед, перейти в соответствующее место. Не знаю как это можно делать с помощь History API, перечитал кучу примеров, но никак не могу разобраться. Вот мой код :

$(document).ready(function() {
    $('#login').on('click', showLoginForm);
    $('#container').on('click', '#registration', showRegistrationForm);
    
 
});
 
function showLoginForm() {
    var uri = $(this).attr('href');
 
    //создаем новую запись в истории только когда кликаем по ссылке
    history.pushState({uri: uri}, null, uri);
    $.ajax({
        url: '/site/login/',
        type: 'POST',
        success: function(response) {
            $('#container').empty();
            $('#container').html(response);
            history.pushState({reload: '#container'}, 'login', '/site/login/');
        }
    })
}
 
function showRegistrationForm() {
    $.ajax({
        url: '/users/create',
        type: 'POST',
        success: function(response) {
            $('#container').empty();
            $('#container').html(response);
            history.pushState({reload: '#container'}, 'registration', '/users/create');
        }
    })
    return false;
}

При смене контента с помощь ajax, я запоминаю историю таким образом

history.pushState({reload: '#container'}, 'registration', '/users/create');

Но не знаю на сколько это правильно.
Помогите пожалуйста, если не сложно. Спасибо!