Can't get a value

Can't get a value

Hi

I have a credit card payment form in which I need to automatically calculate 2% of an entered payment value, show that calculated value in its own field and also show the total payment value including the 2% in a third field.

This problem is beyond my very basic knowledge of jQuery. Is someone able to help me with a script to achieve the required outcome?

Living in hope

Peter


I have included a block diagramme below to help explain the process as well as an excerpt with the relevant markup, taken from the payment form.

                   Payment   a value in dollars is entered here

    2% Merchant Fee  the merchant fee is automatically calculated and shown here

Amount After Fees  the total payment including merchant fee shows here

<tr>
        <td>&nbsp;</td>
        <td align="right"><b><i>Payment Amount&nbsp; </i></b></td>
        <td><input type="text" name="vpc_Amount" value="" size="20" maxlength="10"><b><i>&nbsp;($AUD)</i></b></td>
     </tr>
     <tr>
         <td colspan="1"></td>
         <td colspan="1"></td>
         <td colspan="1" style="padding-top: .7em; padding-right: 7em"><i>NB. Payment by credit card (as above) will attract a 2%
             merchant fee which is imposed by our bank. By completing this transaction you hereby acknowledge and accept that this
             fee will be added to the payment amount above.</i></td>
     </tr>
    <tr>    <td colspan="3">&nbsp;</td></tr>
    <tr>
        <td>&nbsp;</td>
        <td align="right"><b><i>Merchant Fee&nbsp; </i></b></td>
        <td><input type="text" name="vpc_Amount" value="" size="20" maxlength="10"><b><i>&nbsp;($AUD)</i></b></td>
    </tr>
    <tr>    <td colspan="3">&nbsp;</td></tr>
    <tr>
        <td>&nbsp;</td>
        <td align="right"><b><i>Amount After Fees&nbsp; </i></b></td>
        <td><input type="text" name="vpc_Amount" value="" size="20" maxlength="10"><b><i>&nbsp;($AUD)</i></b></td>
    </tr>