$(document).ready(function() {
  $('#contact-form').after('<div class="log"></div>')
    .find('.required')  
    .after(' <span class="reqstar">*</span>')
    .parent().children('label')
      .css('fontWeight', 'bold');
  
  function validateForm() {
    var errorCount = 0, qErrorCount = 0;
    var errorMessage = '', qErrorMessage = '';
    var $sum = $('#sum');
    $('#contact-form .required').each(function(index) {
      var $thisRequired = $(this);
      if (!$thisRequired.val()) {
        $thisRequired.parent().addClass('error');
        errorMessage += '<li>' + $thisRequired.parent().children('label').text() + '</li>';
        errorCount++;
      } else {
        $thisRequired.parent().removeClass('error');
      };
    });
    if ( $sum.val() && $sum.val() != $('#mus').val() ) {
      qErrorCount = 1;
    }
    if (errorCount > 0 || qErrorCount === 1) { 
               
      if (errorCount > 0) {
        errorMessage = '<p>Please enter information in the following required fields: </p><ul>' + errorMessage + '</ul>';
      }
      if (qErrorCount === 1) {
        var sumText = $sum.prev().text();
        sumText = sumText.slice(0,-2);
        qErrorMessage = '<p>Please check your addition: ' + sumText + ' <strong>does not equal</strong> ' + $sum.val() + '.</p>';
      }
      $('div.log').html('<div class="error">' + errorMessage + qErrorMessage + '</div>');
      return false;
    };
  };


  $('#contact-form').ajaxForm({
     target: '.log',
     beforeSubmit: validateForm,
     success: function() {
        var data = $("#contact-form").formSerialize();
        data = unescape(data).replace(/sum=.*$/,'').replace(/&/g,'<br />').replace(/(_|\+)/g,' ');
        $('div.log').append('<div class="success"><p>You submitted the following information:</p><p>' + data + '</p></div>');
        $('#contact-form').resetForm();
     }
  });
});