title: Getting form success/error page to show on same page
body: <p>My simple one field form is at the bottom of this page:</p>
  
  <p><a href="http://kaye.at/books/" rel="nofollow">http://kaye.at/books/</a></p>
  
  <p>How do I get it so that the 'Success' or 'Error' message either replaces the field itself on submit or shows below, rather than sending the user to a whole other page?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="email-wrap"&gt;
  
  &lt;form id="emailForm" style="display: block;" action="form.php" method="POST"&gt;
                  &lt;div&gt;
                      &lt;input type="text" value="Recommend a book" name="mail" id="mail"&gt;
                      &lt;input type="submit" name="button" value="GO"&gt;
                  &lt;/div&gt;
  &lt;/form&gt;
  
  &lt;/div&gt;
  </code></pre>