title: html elements hiding after asp button click
body: <p>I have some html controls which default display value is none. I have anchor which is showing this form.</p>
  
  <p>Form:</p>
  
  <pre><code>  &lt;div id="login_container"&gt;
                      &lt;div id="login_close"&gt;
                          &lt;img src="images/close.png" align="close" title="close" /&gt;
                      &lt;/div&gt;
                      &lt;h2&gt;
                          Login&lt;/h2&gt;
                      &lt;h5 id="incorrect_login" runat="server"&gt;
                          Username or Password is incorrect&lt;/h5&gt;
                      &lt;span&gt;
                          &lt;p&gt;
                              Username:&lt;/p&gt;
                          &lt;asp:TextBox ID="txtUserName" runat="server" CssClass="textbox" /&gt;
                      &lt;/span&gt;
                      &lt;br /&gt;
                      &lt;span&gt;
                          &lt;p&gt;
                              Password:&lt;/p&gt;
                          &lt;asp:TextBox ID="txtPasswrod" runat="server" CssClass="textbox" TextMode="Password" /&gt;
                      &lt;/span&gt;&lt;span&gt;Remember Me
                          &lt;input type="checkbox" id="chkbRememberMe" class="checkox" runat="server" /&gt;
                      &lt;/span&gt;
                      &lt;input type="button" class="default_button" id="btnLogin" value="Login" runat="server"
                          onserverclick="btnLogin_Click" /&gt;
                      &lt;br /&gt;
                      &lt;div id="forgot"&gt;
                          &lt;a href="#"&gt;Forgot you username?&lt;/a&gt;
                          &lt;br /&gt;
                          &lt;a href="#"&gt;Forgot you password?&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>  var AnimateLoginShow = function () {
          $('#login_form').css('display', 'none');
          $('#back_drop, #login_container').animate({ 'opacity': '0.3' }, 200, 'linear');
          $('#login_container').animate({ 'opacity': '1.00' }, 0, 'linear');
          $('#login_container').animate({ 'width': '430' }, 150, 'linear');
          $('#login_container').animate({ 'height': '280' }, 150, 'linear');
          $('#login_form').css('display', 'block');
          $('#login_form').animate({ 'opacity': '1.00' }, 300, 'linear');
          $('#back_drop, #login_container').css('display', 'block');
      }
  
      $('#login').click(function () {
          AnimateLoginShow();
      });
  </code></pre>
  
  <p>So my problem is that when user clicks login button (on this form) which have code behind this form is Returns to its original state (display:none)</p>
  
  <p>p.s this form is inside ajax update panel </p>