Sistema de autenticação simples para a aplicação PhoneGap

Estou a tentar construir um sistema de login simples para a minha aplicação PhoneGap. Eu tenho um formulário onde o usuário dá um nome de usuário e se houver um nome de usuário correspondente no MYSQL o Usuário é redirecionado para outra página. Caso contrário, é apresentado um alerta. O código funciona muito bem no firefox e no chrome, mas quando tento usá-lo no Safari ou no aplicativo PhoneGap não parece funcionar. Qual pode ser a razão?

HTML

    <form id="login-form" rel="external" data-ajax="false" >

    <label for="number">Number:</label> 
    <br>
    <input type='tel' name="number" id="number" data-corners="false" data-theme="d"/>
    <br>

    <label for="username">Username:</label>
    <br>

    <input name="username" id="username" data-corners="false" data-theme="d"/>
    <br>

<input type="submit" value="OK" data-theme="b" data-corners="false" />
</form>

JS

 $(function() {    
     $('#login-form').submit(function(event) {
         event.preventDefault();

         $.post(serviceURL +'login.php', { 
             kayttaja: $('[name="username"]').val(), 
         }).success(function(data) { 
             if (data.status == 'ok') {
                 var input = document.getElementById("number");
                 var user = document.getElementById("username");
                localStorage.setItem("number", input.value);
                localStorage.setItem("username", user.value);
                 window.location.pathname = data.redirect;
             } else {
                 alert(data.message);
             }
         })
     })
})