Eu estou tentando usar jQuery para capturar um evento de envio e, em seguida, enviar os elementos de formulário formatados como JSON para uma página do PHP. Eu estou tendo problemas para capturar o envio, porém, eu comecei com um.click() evento, mas mudou-se para o.submit() um em vez disso.

Agora tenho o seguinte código aparado.

HTML

<form method="POST" id="login_form">
    <label>Username:</label>
    <input type="text" name="username" id="username"/>
    <label>Password:</label>
    <input type="password" name="password" id="password"/>
    <input type="submit" value="Submit" name="submit" class="submit" id="submit" />
</form>

Javascript

$('#login_form').submit(function() {
    var data = $("#login_form :input").serializeArray();
    alert('Handler for .submit() called.');
});