$( "#userForm" ).submit( function(e) {
        e.preventDefault();

        var $username = $('#username').val();
        var $password = $('#password').val();

        var userInfo = {
           'username' : $username,
           'password' : $password
        }

        console.log(userInfo);

        $.ajax({
                type: 'POST',
                url: 'http://example.com/index.php/Request_Controller/token',
                data: userInfo,
                error: function (jqXHR, textStatus, errorThrown) {
                    $('#displayError').html( JSON.stringify(jqXHR) );

                    console.log( "Error Response: " + JSON.stringify(jqXHR) + ", " + JSON.stringify(textStatus) + ", " + JSON.stringify(errorThrown) );
                },
                success: function( responseToken ) {
                    $('#displayResult').html(  responseToken  );

                    console.log( 'Success: ' +  responseToken  );
                },
         });

  });