Остановка отправки формы с помощью jQuery

Question

Я хочу прервать и запретить отправку формы с использованием jQuery. Вот моя разметка формы:

<div id="register-box">
        <div id="register-box-inner">
            <h2>Register</h2>
            <form action="/register" method="post" id="register-form">
                <p><label for="username">Username:</label><input type="text" name="username"></p>
                <p><label for="password">Password:</label><input type="password" name="password"></p>
                <p><label for="email">E-mail:</label><input type="text" name="email"></p>
                <p><input type="submit" value="Register" class="register"></p>
            </form>
        </div>
    </div>

и мой код Javascript на данный момент:

$('#register-form').submit(function(e){
    e.preventDefault();
    alert("hi");
});

Проблема в том, что форма все еще проходит. Я хотел отправить форму, используя AJAX, но с запасным вариантом для пользователей, у которых не включен Javascript. В консоли Javascript также не появляется никаких ошибок.

Answer 1

Попробуйте

$("form").live("submit", function() {
        alert("hi");
        return false;
    });

Answer 2

Попробуйте вернуть false из обработчика.

$('#register-form').submit(function(e){
    e.preventDefault();
    alert("hi"); 
    return false;
});

Answer 3

Попробуйте:

<p><input type="submit" value="Register" class="register" onclick="submit(); return false;"></p>