title: Add div element to html when upon success of PHP for confirmation of email being sent
body: <p>I would like to add a particular div element whether or not my php script successfully sent an email. This will show up as a confirmation message saying the email was sent or not that appears on the same page. How do I do this?</p>
  
  <pre><code>&lt;?php
  $first_name = $_POST['first_name'];
  $last_name = $_POST['last_name'];
  $email = $_POST['email'];
  $message = $_POST['message'];
  
  $to = "lewkowicz613@gmail.com";
  $subject = "Message from Inspire Health";
  
  if(mail($to, $subject, $first_name. ' '. $last_name. "\r\n" . $email, $message)){
      echo 'Your Message Has Been Sent';
  }else{
      echo "Oops! mail not sent";
  }
  
  ?&gt;
  </code></pre>
  
  <p>This is my HTML part of the form.</p>
  
  <pre><code>&lt;section class="section-form js--contact" id="contact"&gt;
              &lt;div class="row"&gt;
                  &lt;h3&gt;Contact Us&lt;/h3&gt;
                  &lt;h4&gt;Health Coaching/Mailing List&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="row"&gt;
                  &lt;form method="post" action="form_process.php" class="contact-form"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="form-messages success"&gt;
                              Thank you! Your message has been sent!
                          &lt;/div&gt;
                          &lt;div class="form-messages error"&gt;
                              Oops, something went wrong. Please try again.
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col span-1-of-3"&gt;
                              &lt;label for="first_name"&gt;First Name&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="col span-2-of-3"&gt;
                              &lt;input type="text" name="first_name" id="first_name" placeholder="First Name" required&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col span-1-of-3"&gt;
                              &lt;label for="last_name"&gt;Last Name&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="col span-2-of-3"&gt;
                              &lt;input type="text" name="last_name" id="last_name" placeholder="Last name" required&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col span-1-of-3"&gt;
                              &lt;label for="email"&gt;Email&lt;/label&gt;
                          &lt;/div&gt;
                          &lt;div class="col span-2-of-3"&gt;
              &lt;/div&gt;
          &lt;/section&gt;
  </code></pre>
  
  <p>Thanks a lot for your help</p>