Estoy intentando usar jQuery para capturar un evento de envío y luego enviar los elementos del formulario con formato JSON a una página de PHP. Estoy teniendo problemas para capturar el envío, empecé con un.click() evento pero movido a la.submit() uno en su lugar.

Ahora tengo el siguiente código recortado.

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.');
});