jQuery Form Submission With No Page Refresh

jQuery Form Submission With No Page Refresh

Closed - This job posting has been filled and work has been completed.

Job Description

This project is intended for a coder who has experience with jQuery, Form Submissions, and ideally UltraCart.


THE PROBLEM:
When I add a product via a form on my home page, the form goes to the shopping cart page immediately.


THE SOLUTION:
When I add a product via a form on my home page, the form sends the data to the shopping cart and the user stays on the home page and sees that a product was added to the shopping cart.


I use the shopping cart provided by UltraCart. However, please note that I will not be able to grant access to UltraCart for this project.


THE FORM:
<form method="POST" action="http://secure.ultracart.com/cgi-bin/UCEditor">
<input type="hidden" name="merchantId" value="OKUMA" />
<input type="hidden" name="add" value="WL-BAG-1MO" />

<table border="0">
<tr colspan="2" valign="top" align="left" style="font-family: verdana,arial,helvetica,sans-serif,; font-size: 13px;" align="center">
<td align="center" colspan="2">
</tr>
<tr colspan="1" valign="top" align="left">
<td> Qty</td>

<td><input type="text" name="quantity" value="1" size=5 /></td>
</tr>

<tr>
<td colspan="2">
<input type="submit" name="submit" value="add to cart" />
</td>
</tr>
</table>
</form>


PROJECT COMPLETION:
A word document explaining what was done is required upon completion.