Popup - alterar form's jquery effect

<div id="login" style="float:right; width:15%; padding-top:3px;">
           <a href="#" class="topopup">LOGIN | REGISTAR</a>
         
           <div id="toPopup">
            <div class="close"></div>
            <div id="popup_content"> <!--your content start-->
                 <h2>Login</h2>
                 <form id="login">
                  <table cellpadding="3" cellspacing="2">
                   <tr>
                    <td>
                         Username:
                    </td>
                    <td>
                         <input type="text" name="username" id="username" />
                    </td>
                   </tr>
                 
                   <tr height="10px"></tr>
                 
                   <tr>
                    <td>
                         Password:
                    </td>
                    <td>
                         <input type="password" name="password" id="password" />
                         <br/>
                         <span style="font-size:10px;"><a href="">Esqueceu-se da password?</a></span>
                    </td>
                   </tr>
                   <tr>
                    <td>
                       
                    </td>
                    <td style="text-align:left;">
                         <input type="submit" name="login" id="login" />
                         <span style="font-size:12px;"><a href="">Ainda não está inscrito?</a></span>
                    </td>
                   </tr>
                  </table>
                 </form>
               
                 <!--
                 <form id="register">
                  <table cellpadding="3" cellspacing="2">
                   <tr>
                    <td>
                         Username:
                    </td>
                    <td>
                         <input type="text" name="username" id="username" />
                    </td>
                   </tr>
                 
                   <tr height="10px"></tr>
                 
                   <tr>
                    <td>
                         Password:
                    </td>
                    <td>
                         <input type="password" name="password" id="password" />
                         <br/>
                         <span style="font-size:10px;"><a href="#">Esqueceu-se da password?</a></span>
                    </td>
                   </tr>
                   <tr>
                    <td>
                       
                    </td>
                    <td style="text-align:left;">
                         <input type="submit" name="login" id="login" />
                         <span style="font-size:12px;"><a href="#register">Ainda não está inscrito?</a></span>
                    </td>
                   </tr>
                  </table>
                 </form>
                 -->
            </div> <!--your content end-->
           </div> <!--toPopup end-->
           <div class="loader"></div>
           <div id="backgroundPopup"></div>
          </div>