BlockUI is not submitting forms!

BlockUI is not submitting forms!

Hey!

BlockUI is not submitting forms!  Did I do something wrong?  Please help by pointing me to the right direction.

here's my simple code.

  2. <html>
  3.     <head>
  4.         <title>RQ test</title>
  5.     </head>
  6.     <body>
  7.         <form method="get" action="page2.html">
  8.             <table border="1">
  9.                 <tr>
  10.                     <td><input type="checkbox" name="1"/></td>
  11.                     <td><a href="#">1234</a></td>
  12.                 </tr>
  13.             </table>
  14.             
  15.             <input type="button" id="button1" value="Generate my forms"/>
  16.             
  17.             <div id="popup" style="display: none;">
  18.                 <input type="text" name="text"/>
  19.                 <input type="submit"/>
  20.             </div>
  21.         </form>
  22.     </body>
  23.     
  24.     <!-- Scripts Area! -->
  25.     <script src="jquery.js"></script>
  26.     <script src="blockUI.js"></script>
  27.     <script>
  28.         $(document).ready(function(){
  29.             
  30.             $('#button1').click(function() { 
  31.                 $.blockUI({ message: $('#popup') });
  32.             });
  33.             
  34.         });
  35.     </script>
  36.     
  37. </html>