History API + jQuery кнопки "назад" и "вперед"

$(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;
}

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