jquery keyup problem
jquery keyup problem
I would like to appear the sum of amount and charge on the form field of total. unfortunately it doesn't. Anyone can give me the solution. many thanks
<script language="JavaScript" src="../include/jquery.js" type="text/JavaScript"></script>
<script type="text/javascript" src="../include/jquery.alphanumeric.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#amount").keyup(function(){
var amount = $("#amount").val(),
var charge = $("#charge").val(),
var totalamt = amount + charge;
$('#total').val($(totalamt));
});
</script>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="88">Amount</td>
<td width="212
"><input name="amount" type="text" id="amount"></td>
</tr>
<tr>
<td>charge</td>
<td
><input name="charge" type="text" id="charge"></td>
</tr>
<tr>
<td>MTCN</td>
<td><input name="mtcn" type="text" id="mtcn"></td>
</tr>
<tr>
<td>Total amount</td>
<td><div id="totalappear">
<input name="total" type="text" id="total">
</div></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit">
<input type="reset" name="Submit2" value="Reset"></td>
</tr>
</table>
<script type="text/javascript">
$('#amount').numeric({allow:"."});
$('#charge').numeric({allow:"."});
$('#mtcn').numeric();
</script>