Javascript 表单提交时文本输入消失

我有一个登录表单，当你将鼠标悬停在“登录”链接上时，它会弹出。单击关闭表单会导致登录表单隐藏。我的问题是，当我提交表单时（通过提交按钮或按enter键），用户名从表单中消失。这只发生在IE9中（不确定以前的IE版本）。它在FF、Chrome、Safari和Opera中运行良好。我还确认表单上的所有文本字段都丢失了内容，而密码字段在提交时仍保留其值

我被难住了。任何帮助都将不胜感激

这是我的表格代码：

<fieldset id='signin_menu'>
<form name='headlogin' method='post' id='signin' action='/login'>
<label for='username'>Username</label>
<input type='text' name='username' size='13' maxlength='20'>
</p>
<p>
<label for='password'>Password</label>
<input type='password' name='password' size='13' maxlength='20'>
</p>
<p class='remember'>
<input type='submit' id='signin_submit' value='Sign in'>
<input type='checkbox' id='remember' name='keeplogin'>
<label for='remember'>Remember me</label>
</p>
<p class='forgot'> <a href='/forgot-password' id='resend_password_link'>Forgot your password?</a> </p>
<input type='hidden' name='submit' value='1' />
</form>
</fieldset>

$(document).ready(function() {

    $(".signin").mouseover(function(e) {
        e.preventDefault();
        $("fieldset#signin_menu").show();
        $(".signin").toggleClass("menu-open");
    });

    $("fieldset#signin_menu").mouseup(function() {
        return false
    });
    $(document).mouseup(function(e) {
        if($(e.target).parent("a.signin").length==0) {
            $(".signin").removeClass("menu-open");
            $("fieldset#signin_menu").hide();
        }
    });

});