Reset หลังจากกดปุ่ม Submit ไปแล้ว เลขในฟอร์มไม่ยอม Reset อ่ะครับ(มือใหม่มากๆครับ)

  <?
    if($_POST['submit'])


             {$number = $_POST['number'];
              $ModNumber = $number%2;
  	if($ModNumber == 0)
  	{echo "<font size='3' color='#00CC00'> Even Number </font>";}
  	else
	{echo "<font size='3' color='#0000FF'> Odd Number </font>";}


}else{
?>
<form id="form1" name="form1" method="post" action="Tulaporn4.php">
Number : <input name="number" type="text" id="number" value=""/>
  	 <input type="submit" name="submit" id="submit" value="Submit"/>
  	 <input type="reset" name="Reset" value="Reset" />

</form>


<? } ?>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#Reset').click(function(){
			$('#number').val('');
		});
	});
</script>
<form id="form1" name="form1" method="post" action="Tulaporn4.php">
Number : <input name="number" type="text" id="number" value="<?=$_POST['number']?>"/>
  	 <input type="submit" name="submit" id="submit" value="Submit"/>
  	 <input type="reset" name="Reset" value="Reset" id="Reset" />
  <?
             if($_POST['submit'])
             {$number = $_POST['number'];
              $ModNumber = $number%2;
  	if($ModNumber == 0)
  	{echo "<font size='3' color='#00CC00'> Even Number </font>";}
  	else
	{echo "<font size='3' color='#0000FF'> Odd Number </font>";}
}
?>
</form>