mailchimp.js

$(document).ready(function() {
  var $footerForm = $('.m-footer-newsletter .mc-embedded-subscribe-form')
  var $popupForm = $('.newsletter-popup-inner .mc-embedded-subscribe-form')

  if( $footerForm.length > 0) {
    initForm($footerForm);
  }

  if( $popupForm.length > 0) {
    initForm($popupForm);
  }

});

function initForm($form) {
  $form.find('input[type="submit"]').bind('click', function ( event ) {
    if ( event ) event.preventDefault();
    register($form);
  });
}

function register($form) {
  $.ajax({
    url: $form.attr('action'),
    type: 'POST',
    dataType: 'json',
    data: $form.serialize(),
  })
  .done(function() {
    successHandler($form);
  })
  .fail(function() {
    failHandler($form);
  });
}

function successHandler($form) {
  successMessage($form);
  managePopup();
}

function failHandler($form) {
  failMessage($form);
  managePopup();
}

function successMessage($form) {
  $form.find('.newsletter-success').css("display","block")
  setTimeout('clearMessage($form, "success")', 3000)
}

function failMessage($form) {
  $form.find('.newsletter-fail').css("display","block")
  setTimeout('clearMessage($form, "fail")', 3000)
}

function managePopup() {
  if ($('body').hasClass('is-newsletter-popup-open')) {
    $('body').addClass('newsletter-popup-submitted');
  }
}

function clearMessage($form, messageType) {
  $form.find('.newsletter-' + messageType).hide();
}