title: display thank you message when contact form submitted
body: <p>Ok, so I've looked on the forum and see similar questions to this, but i'm still not getting anywhere with the code i've pilfered from various pages.</p>
  
  <p>I'm using bootstrap css to display a contact form, usual fields, name email, message etc. The action="process.php" which is where I add the user into a mysql database and then email me a confirmation that someone has submitted the form. So all is well on that front, just that I want to display a simple "thank you" message once the form has been submitted, but not by redirecting to another page.</p>
  
  <p>I have the following for a message:</p>
  
  <pre><code>&lt;!-- thank you message --&gt;
  &lt;div id="thanks" class="alert alert-success fade"&gt;
    &lt;button href="#" type="button" class="close"&gt;&amp;times;&lt;/button&gt;
    &lt;h4&gt;Got it!&lt;/h4&gt;
    &lt;p&gt;Thanks. I've received your message, I'll be in touch within 24 hours. Promise.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and then use this js to add the "in" to display it once submitted:</p>
  
  <pre><code>$('#send_button').click(function () {
      $('#thanks').addClass('in'); 
  });
  
  $('.close').click(function () {
      $(this).parent().removeClass('in'); // hides alert with Bootstrap CSS3 implem
  });
  </code></pre>
  
  <p>I briefly see the thank you alert message, but then I get redirected to "process.php" and this doesnt display anything as theres no html within, just the mysql stuff and php mailer. 
  Another point to note, whether this is of interest, I load the contact form initially by ajax so the url is like wdr/index.php#contact</p>
  
  <p>Can someone help me finish the code. I'm sure its something simple I'm missing to make this work as it should.</p>
  
  <p>Any help appreciated.</p>
  
  <p>Col</p>