title: Bootstrap form fields not clearing after submit
body: <p>I've got a Bootstrap 3 form on my website. The form sends messages fine, however when the user submits the form the fields aren't clearing afterwards - how do I fix this?</p>
  
  <p>This is the 'contact.php' code below. </p>
  
  <p>Link to the 'contact_me.js' <a href="https://jsfiddle.net/wookie/6uag6goe/" rel="nofollow">https://jsfiddle.net/wookie/6uag6goe/</a></p>
  
  <pre><code>&lt;form class="form-horizontal" role="form" method="post" action="contact.php"&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="name" class="control-label"&gt;Name&lt;/label&gt;
      &lt;input type="text" class="form-control" id="name" name="name" placeholder="First &amp; Last Name" value="&lt;?php echo htmlspecialchars($_POST['name']); ?&gt;"&gt;
      &lt;?php echo "&lt;p class='text-danger'&gt;$errName&lt;/p&gt;";?&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="email" class="control-label"&gt;Email&lt;/label&gt;
      &lt;input type="email" class="form-control" id="email" name="email" placeholder="example@domain.com" value="&lt;?php echo htmlspecialchars($_POST['email']); ?&gt;"&gt;
      &lt;?php echo "&lt;p class='text-danger'&gt;$errEmail&lt;/p&gt;";?&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="service" class="control-label"&gt;Service&lt;/label&gt;
      &lt;select class="form-control" id="service" name="service"&gt;
          &lt;option&gt;Please select a service:&lt;/option&gt;
          &lt;option&gt;service1&lt;/option&gt;
          &lt;option&gt;service2&lt;/option&gt;
          &lt;option&gt;service3&lt;/option&gt;
          &lt;option&gt;service4&lt;/option&gt;
          &lt;option&gt;service5&lt;/option&gt;
          &lt;option&gt;service6&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="message" class="control-label"&gt;Message&lt;/label&gt;
      &lt;textarea class="form-control" rows="4" name="message"&gt;
          &lt;?php echo htmlspecialchars($_POST[ 'message']);?&gt;
      &lt;/textarea&gt;
      &lt;?php echo "&lt;p class='text-danger'&gt;$errMessage&lt;/p&gt;";?&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="human" class="control-label"&gt;2 + 3 = ?&lt;/label&gt;
      &lt;input type="text" class="form-control" id="human" name="human" placeholder="Your Answer"&gt;
      &lt;?php echo "&lt;p class='text-danger'&gt;$errHuman&lt;/p&gt;";?&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;input id="submit" name="submit" type="submit" value="Send Message" class="btn btn-lg btn-default btn-block"&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;?php echo $result; ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>