My page is looping forever? JQuery/FireBug

Hi guys

HTML codes:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script language="JavaScript" src="js/default.js></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
		<link rel="stylesheet" href="css/reset.css" />		
    <link rel="stylesheet" href="css/default.css" />
				
<title>My programming Adventure...</title>

    <script type="text/javascript">
		
		</script>



</head>

<body>
<div id='pagewrap'>

	<div align="center">
	  <div id="header">
	    <table width="950" height="150" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><div align="center"><img src="images/sonic.jpg" alt="" name="sonicholder" width="104" height="150" id="sonicholder" /></div></td>
            <td><div align="center"><img src="images/banner-adventure.jpg" alt="" name="bannerholder" width="500" height="150" id="bannerholder" /></div></td>
            <td><div align="center"><img src="images/sonic.jpg" alt="" name="sonicholder" width="104" height="150" id="sonicholder" /></div></td>
          </tr>
        </table>  
      </div>
  
  </div>
	
	<div align="center">
    <div id="body1">
			<div id="container">
				<br><br><br>
				<h1>Publish your work!</h1>
				<br><br>

				<form method="post" action="submit_to_db.php">
				<table border='1' cellpadding='10'>
					<tr>
						<td>Category</td>
						<td><select name="select" id="select">
									<option value="kohana">kohana</option>
									<option value="ci">CI</option>
									<option value="jquery">jquery</option>
									<option value="php">php</option>
									<option value="mysql">mysql</option>
									<option value="javascript">javascript</option>
									<option value="as">AS</option>
				        </select></td>
					</tr>
					<tr>
						<td>Title</td>
					  <td><input name="title" type="text" id="title" /></td>
					</tr>
					<tr>
						<td>Description</td>
					  <td><textarea name="description" id="description"></textarea></td>
					</tr>
					<tr>
						<td>Version</td>
					  <td><input name="version" type="text" id="version" /></td>
					</tr>
					<tr>
						<td>Date started</td>
						<td><input name="started" type="text" id="started" /></td>
					</tr>
					<tr>
						<td>Date Finished&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
						<td><input name="finished" type="text" id="finished" /></td>
					</tr>
					<tr>
						<td><p><input type="submit" name="submit" id="submit" value="Go!" /></p></td>
									 
					</tr>
				</table>
			</form>				

				<p></p><p></p>
				
			</div>
    </div>
  </div>
	
	<div align="center">
			<div id="footer">
					<b>Programmer: Warren Nazareno </b><br>
					<b>copyright 2011  </b>
			</div>
	</div>
</div>

	<script language="JavaScript" src="js/myscript.js></script>
</body>
</html>

JQuery codes:


	  $(function() {
			$('#submit').click(function() {
				$('#container').append("<img src='img/loading.gif' alt='Currently Loading' id='loading' />");
					
					var select = $('#select').val();
					var title = $('#title').val();
					var description = $('#description').val();
						
					console.log(select, title, description);
						
					return false;
			});
	  });


By the way you can find this at,
My programming Adventure…

Thanks in advanced.

I’m hoping someone will help me.

thanks