$( document ).ready( function () {
$( '#step2' ).hide();
});
$(document).on('submit', 'form.submit1', function(event) {
$( '#step2' ).show();
$( '#step1' ).hide();
$( '#email2').val($('#email1').val());
$( '#email3').val($('#email1').val());
return false;
});
<h1>Multiple Screen Subscription</h1>
<p>This will allow you to collect only an email on the first screen and proceed to a 2nd screen with the option of entering more information or not.</p>
<div id="step1" class="step1">
<form class="submit1">
<label for="email1">Enter your email: </label>
<input type="text" name="email" id="email1" value="">
<input type="submit" id="submit1" value="Subscribe">
</form>
</div>
<div id="step2" class="step2">
<h3>This is your second screen</h3>
<form id="moreinfo" action="http://www.aweber.com/scripts/addlead.pl">
<label for="bedrooms">How many bedrooms?</label>
<select name="bedrooms" id="bedrooms">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
<label for="baths">How many baths?</label>
<select name="baths" id="baths">
<option value="1">One</option>
<option value="2">Two</option>
</select>
<label for="price">Price range</label>
<select name="price" id="price">
<option value="1">$1000 - $2000</option>
<option value="2">$2001 - $3000</option>
<option value="3">$3001 - $4000</option>
</select>
<label for="email2">Your Email</label>
<input type="text" name="email" id="email2" value="" disabled>
<input type="hidden" name="meta_web_form_id" value="1315276119" />
<input type="hidden" name="listname" value="techtraininghal" />
<input type="hidden" name="redirect" value="http://www.aweber.com/thankyou-coi.htm?m=video" />
<input type="hidden" name="meta_adtracking" value="TBThome" />
<input type="hidden" name="meta_message" value="1" />
<input type="hidden" name="meta_required" value="name,email" />
<input type="hidden" name="custom affid" value="" />
<input type="submit" value="Continue" id="submit2">
</form>
<h3>This is your no thanks form</h3>
<form action="" id="nothanks">
<label for="email3">Your Email</label>
<input type="text" name="email" id="email3" value="" disabled>
<input type="hidden" name="meta_web_form_id" value="1315276119" />
<input type="hidden" name="listname" value="techtraininghal" />
<input type="hidden" name="redirect" value="http://www.aweber.com/thankyou-coi.htm?m=video" />
<input type="hidden" name="meta_adtracking" value="TBThome" />
<input type="hidden" name="meta_message" value="1" />
<input type="hidden" name="meta_required" value="name,email" />
<input type="hidden" name="custom affid" value="" />
<input type="submit" value="No Thanks" id="submit2">
</form>
</div>
a {text-decoration: none; color: #000; background: #f7f7f7; border: 1px solid #eee; padding: 3px 15px;}
#step2 label, #submit2 {display: block;}
#step2 select {margin-bottom: 15px;}