Hopefully this is not a duplication... 

I have created a login screen that uses jQuery.post for validation. During validation it shows and then hides a #loading div to denote that the data is being validated. The problem I am having is that,on some occasions (more often than I like), the #loading div appears to blink and does not go away. You can test it yourself at  test link,

The css code for this div is:

2. #loading {
3. clear:both;
4. position:absolute;
5. display: none;
6. background: url('/images/wait.gif') center 15px no-repeat white ;
7. text-align:center;
8. padding: 25px;
9. font-size:12px;
10. font-family:Verdana, Arial, Helvetica, sans-serif;
11. border: #000099 1px solid;
12. }

The HTML is  (the #loading div is at the bottom):

2. <div id="dialog" class="window">
4. <form id="frmLogin" action="" >
5. <input type="text" id="userName" name="userName" />
6. <input type="password" id="password" name="password" />
7. <input type="image" src="images/loginBtn.png" id="mySubmit"
8.   onClick="login_verify(event,this);"/>
9. </form>
10. <div id="msgError"></div>
11. <a href="javascript:void(0)" class="close" onClick="login_close(event,this)">Close it</a>
12. 
    
13. <div id="loading"><br /><br />LOADING</div>
14. </div>

The code to control this is:

2. $("#loading").show("fast");
3. $.post("login.php", $("#frmLogin").serialize() ,
4. function(data) {
5. $("#mySubmit").removeAttr("disabled");
6. if (data.length > 0) {
7. $("#msgError").html(data);
8. $("#msgError").show();
9. $("#loading").hide();
10. } else {
11. $("#loading").hide();
12. window.location = "http://www.google.com";
13. }
14.     }
15.   );

I have scoured the code and this is the only place where  $("#loading").show("fast"); and  $("#loading").hide(); are located.

I am thinking it is an issue with the .post callback function so I have put an alert() function in the callback function and it is being called every time.

Thanks