frankyhtml.html

<style>
.formSuccess {
  color: green;
}
.formError {
  color: #bf0000;
}
</style>
<script type="text/javascript">
$(function() {
  $('#send-contact-email').on('click', function(e) {
    var formdata = $('#contacts').serialize();
    $.ajax({
      url: '{PATH_TO}/contact.php',
      data: formdata,
      method: 'POST'
    }).then(function(response) {
      console.log(response)
      $('.contactFormMessage').removeClass("formSuccess");
      $('.contactFormMessage').removeClass("formError");
      var parsedResponse = JSON.parse(response);
      $('.contactFormMessage').addClass(parsedResponse.style);
      $('.contactFormMessage').text(parsedResponse.message);
    });
  });
})
</script>