I'm new to jquery but I have no idea how to do this. Any help would be greatly appreciated and would lead down the correct path. Thank you in advance.
There's 2 sections in my form. 1) Vehicle Makes Basically, I want the user to be able to enter their make if it's not in the list. Once the user enters their make I would like it displayed right under the list. ( would be great if user can delete the make they just entered ) 2) Vehicle Features Basically, I want the user to be able to enter a feature if it's not in the list. The entered feature should display at the end of the list. User can enter many features. ( would be great if user can delete the feature they just entered ) Here's the form: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Test</title> </head> <body> Section 1) <table width="100%" border="0"> <tr> <td>Make</td> <td>Enter your make ( if not in the list ) </td> </tr> <tr> <td width="22%"><input name="make" type="radio" value="Honda"> Honda</td> <td width="58%"><input type="text" name="textfield"> <input type="submit" name="Submit" value="Submit"></td> </tr> <tr> <td><input name="make" type="radio" value="Toyota"> Toyota</td> <td> </td> </tr> <tr> <td><input name="make" type="radio" value="Mazda"> Mazda</td> <td> </td> </tr> </table> Section 2) <table width="100%" border="0"> <tr> <td>Select features that apply to your vehicle. </td> <td>Enter another ( if not in the list ) </td> </tr> <tr> <td width="22%"><input name="feature" type="checkbox" id="feature" value="ac"> A/C</td> <td width="58%"><input type="text" name="textfield2"> <input type="submit" name="Submit2" value="Submit"></td> </tr> <tr> <td><input name="feature" type="checkbox" id="feature" value="auto"> Automatic</td> <td> </td> </tr> <tr> <td><input name="feature" type="checkbox" id="feature" value="pw"> Power Windows </td> <td> </td> </tr> </table> </body> </html>