Event.preventDefault() не препятствует отправке формы на jQuery Mobile.live() event

Я пытаюсь предотвратить отправку формы входа в систему, чтобы я мог запросить сервер, проверить имя пользователя и пароль и только затем перейти к главной странице.

Вот соответствующий код:

В login.html:

        <form id="login-form">
            <input type="text" name="login-username" id="login-username" value="" placeholder="Username" />
            <input type="password" name="login-password" id="login-password" value="" placeholder="Password" /><br />
            <button id="cab-submit" type="submit" data-theme="a" data-inline="true">Log In</button>
        </form>

В app.js:

    $("#login-form").live("submit", function(event) {
        event.preventDefault();
        $.mobile.changePage("main.html", {
            transition: "fade"
        });
    });

Я опытный программист jQuery, но никогда не сталкивался с этим. Функция changePage() работает, но происходит только после отправки формы, которая вызывает ненужную загрузку страницы.

EDIT: найдено решение.

Мне нужно было добавить data-ajax = "false" в форму, если я хочу обработать форму. Это отлично работает.

Новая разметка:

        <form id="login-form" data-ajax="false">
            <input type="text" name="login-username" id="login-username" value="" placeholder="Username" />
            <input type="password" name="login-password" id="login-password" value="" placeholder="Password" /><br />
            <button id="cab-submit" type="submit" data-theme="a" data-inline="true">Log In</button>
        </form>