ajaxForm, ajaxSubmit example

https://stackoverflow.com/questions/45020106/jquery-hide-not-working-on-mobile-phone#

HTML

<script src="https://malsup.github.io/min/jquery.form.min.js"></script>
<div class="success hide">Email Address Saved</div>
<form method="POST" action="/echo/json/" class="myForm">
    <input type="email" name="email" class="input-text" placeholder="ENTER EMAIL">
    <input id="bottomSignUp" type="submit" name="subscribe" value="SIGN UP">
</form>

CSS

.hide {
    left: -9999px !important;
    position: absolute !important;
    visibility: hidden;
    z-index: -500;
    top: -9999px;
}

.success {
    color: #ACE;
    font-weight: bold;
	border: solid 1px blue;
	width: 250px;
	padding: 30px;
	margin: 0 auto;
	text-align: center;
	background-color: #FFF;
	font-family: arial;
	font-size: .93em;
}

JavaScript

jQuery('form:first').ajaxForm({
    success: show_success
    
});

function show_success() {
	jQuery('.success.hide').removeClass('hide');
	jQuery('.myForm').addClass('hide');
	console.log('hello');
}