I have a simple form that I'm looking to add ajax to to load the results of the form on the same page, as oppose to sending the user off to a new page.

Here is the form below:

<title>Unit Converter</title>
<link rel="icon" type="image/png" href="convert.png">
<link rel="StyleSheet" media="screen" href="basic.css">
<h1>unit converter</h1>
<form action="convert.php" method="post">
What do you want to convert?<br>
<select name="conversionType">
<option value="null" selected="selected">Select unit</option>
<!-- Length -->
<option value="unit1">unit1</option>

How many units?<br>
<input type="text" name="conversionInput">
<input type="submit" value="Convert">
<p id="footer">

As you you can see on submit the form loads convert.php

How can I incorporate ajax to ensure that the results load within the same page?