Crearea unui formular personalizat de login folosind AJAX

Încerc să folosesc acest tutorial WordPress AJAX Login Without a Plugin – The Right Way de Natko Hasic pentru a construi formulare de login, înregistrare și resetare parolă care gestionează totul, inclusiv mesajele de eroare, prin AJAX. Diferențele între tutorial și proiectul meu sunt... Nu vreau să le fac într-un popup și implementez într-un plugin nu în folderul rădăcină al temei.

Iată ce cod am deocamdată...

Codul din template-ul paginii:

<form name="login_form" id="login_form" class="login_form" action="" method="post">
    <p class="status"></p>

    <p>
        <input type="text" name="username" id="username" placeholder="Nume utilizator" />
    </p>

    <p>
        <input type="password" name="password" id="password" placeholder="Parolă" />
    </p>

    <button name="submit" id="submit" class="btn"><?php _e("Autentificare", "shorti"); ?></button>
    <a class="lost" href="<?php echo wp_lostpassword_url(); ?>">Ți-ai uitat parola?</a>

    <?php wp_nonce_field( 'ajax-login-nonce', 'security' ); ?>

</form>

Codul din fișierul principal al plugin-ului meu .php:

<?php // Scriptul PHP pe care încerc să-l rulez

    add_action( 'init', 'ajax_login_init' );
    function ajax_login_init() {

        wp_register_script( 'ajax-login-script', plugin_dir_url( __FILE__ ) . 'js/ajax-login-script.js', array('jquery') );
        wp_enqueue_script( 'ajax-login-script' );

        wp_localize_script( 'ajax-login-script', 'ajax_login_object', array(
            'ajaxurl' => admin_url( 'admin-ajax.php' ),
            'redirecturl' => home_url(),
            'loadingmessage' => __( 'Trimitere informații utilizator, te rugăm să aștepți...' )
        ));

        // Permite utilizatorilor fără privilegii să ruleze ajax_login() prin AJAX
        add_action( 'wp_ajax_nopriv_ajaxlogin', 'ajax_login' );
    }

    // Verifică dacă informațiile introduse de utilizator sunt valide
    function ajax_login() {
        // Verifică mai întâi nonce-ul, dacă eșuează funcția se oprește
        check_ajax_referer( 'ajax-login-nonce', 'security' );

    // Nonce verificat, preia datele POST și autentifică utilizatorul
    $info = array();
        $info['user_login'] = $_POST['username'];
        $info['user_password'] = $_POST['password'];
        $info['remember'] = true;

    $user_signon = wp_signon( $info, false );
    if ( is_wp_error( $user_signon )) {
        echo json_encode( array( 'loggedin'=>false, 'message'=>__( 'Nume utilizator sau parolă greșită!' )));
    } else {
        echo json_encode( array( 'loggedin'=>true, 'message'=>__('Autentificare reușită, redirecționare...' )));
    }

    die();
}

Conținutul fișierului meu ajax-login-script.js:

jQuery(document).ready(function($){

    // Execută login AJAX la trimiterea formularului
    $('form#login_form').on('#submit', function(e){
        $('form#login_form p.status').show().text(ajax_login_object.loadingmessage);
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: ajax_login_object.ajaxurl,
            data: { 
                'action': 'ajaxlogin', //apelează wp_ajax_nopriv_ajaxlogin
                'username': $('form#login_form #username').val(), 
                'password': $('form#login_form #password').val(), 
                'security': $('form#login_form #security').val() },
            success: function(data){
                $('form#login_form p.status').text(data.message);
                if (data.loggedin == true){
                    document.location.href = ajax_login_object.redirecturl;
                }
            }
        });
        e.preventDefault();
    });
});

Nu sunt deloc familiarizat cu AJAX sau JS, așa că orice lumină pe care o puteți arunca asupra acestei probleme este foarte apreciată!