Вход в WordPress во всплывающем окне jQuery - Как проверить вход в систему с помощью jQuery Ajax?

У меня есть форма входа в WordPress, работающая во внешнем интерфейсе моего веб-сайта, чтобы мои пользователи могли входить в систему без необходимости посещать wp-login.php или выходить из темы "или веб-сайт.

Если вы перейдете к http://westendmediacentre.com/dev и нажмете «Войти», вы увидите, что у меня форма появляется во всплывающем окне jQuery. Мой код для этого выглядит следующим образом:

Код формы:

jQuery:

$('.button-login').click(function() {
    $('.login-box').fadeIn('slow', function() {
    // Animation complete
    });
    $(".login-box").css({'z-index' : '10000'});
    $("#the-lights").css({'display' : 'block'});
    $("#the-lights").css({'z-index' : '1'});
    $("#the-lights").fadeTo("slow",0.7);
});
$('.login-box-close').click(function() {
    $('.login-box').fadeOut('fast', function() {
    // Animation complete
    });
    $("#the-lights").fadeTo("slow",0);
    $("#the-lights").css({'display' : 'none'});
});

Это работает отлично, однако, если вы попытаетесь войти в систему с некоторыми неверными учетными данными, вы будете перенаправлены на страницу WordPress, дающую вам ошибка.

Я бы хотел, чтобы эти ошибки появлялись во всплывающем окне jQuery, чтобы при попытке входа в систему с неверными учетными данными появлялось сообщение об ошибке выше или под формой, а не перенаправлялось на другую страницу. с указанной там ошибкой.

Я пробовал следовать этому руководству, однако он не работал с моим существующим кодом: http://www.tutorialstag.com/custom-wordpress-login-without-using-a-plugin.html

Был бы признателен, если бы кто-нибудь опубликовал рабочее решение