window.location.href and JQuery not working in FF 7
<p>I have a login form from which the user enters user name and password.  When they click on an image button to submit I do an ajax call to validate the user.  The response returns a destination url.  Now when I try to do a "window.location.href = url" the process doesnt work in FireFox 7(FF) but It does work on other browsers IE, Chrome... etc</p>

<p>Here is my jquery ajax call.</p>

<pre><code>var loginSubmit = function () {

    if ($('#loginForm').data('isSubmitting')) return false;

        showProgress('Logging in..');
        $('#loginErrors').empty();
        $('#login-form').fadeTo(100, 0.4);
        $.ajax({
           cache: false,
           url: '/dispatcher/user/login',
           data: {
               'user': $('#userName').val(),
               'pwd': $('#password').val(),
               'continuePath': $('#continuePath').length &gt; 0 ? $('#continuePath').val() : '/my-account'
           },
           type: 'POST',
           success: function (data) {  
            $('#loginForm').data('isSubmitting', true);

            console.log("Data from Controller: " + data.dest);

            if (data.dest) {
                var href = data.dest;
                window.location.href = href;
                return false;
            } else {
                console.log("DATA DEST FALSE");
                $('#loginForm').data('isSubmitting', false);
                $('#login-form').fadeTo(100, 1);
                showError('Invalid username/password');
            }
           }
        });
       return false;
    };
    $('#loginForm').submit(loginSubmit);
</code></pre>

<p>Here is my form.</p>

<pre><code>    &lt;form id="loginForm" action="#"&gt;
        &lt;c:if test="${sessionScope['continuePath'] != null}"&gt;
            &lt;input type="hidden" name="continuePath" value="${sessionScope['continuePath']}"/&gt;
        &lt;/c:if&gt;
        &lt;div id="progressMessage" style="color: #333; font-weight: bold;"&gt;&lt;/div&gt;
        &lt;div id="loginErrors" style="color: red; font-weight: bold"&gt;&lt;/div&gt;
        &lt;div id="login-form"&gt;
            &lt;dl&gt;
                &lt;dt&gt;&lt;label for="userName"&gt;Email Address:&lt;/label&gt;&lt;/dt&gt;
                &lt;dd&gt;&lt;input name="user" id="userName" type="text" size="30" maxlength="80"/&gt;&lt;/dd&gt;
                &lt;dt&gt;&lt;label for="password"&gt;Password:&lt;/label&gt;&lt;/dt&gt;
                &lt;dd&gt;&lt;input name="pwd" id="password" type="password" /&gt;&lt;/dd&gt;
            &lt;/dl&gt;
            &lt;div class="login_button"&gt;
                &lt;input type="image" src="/assets/images/user/btn-log-in.gif" alt="Login"/&gt;
                &lt;br/&gt;&lt;br/&gt;
                &lt;a href="javascript:openPopup('forgotPassword');" class="default"&gt;Forgot your password?&lt;/a&gt;
                &lt;!--
                &lt;a href="#" rel="#forgotPasswordDialog" class="default"&gt;Forgot your password?&lt;/a&gt;
                --&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/form&gt;
</code></pre>

<p>Why is this behavior different in FireFox 7?  Can someone suggest a work around that will work in all browsers?  Can you sense my frustration?  </p>
