Q:

HTML single-page Landing page with input fields that transition

My landing page has two steps (one for selecting an option from a dropdown menu and pressing 'send', and one for entering your email and pressing 'send').  These steps appear to be controlled either by javascript or html5, something I am not used to.  I need to add a third "step" to the system. 
Here is the site link: you will see that after selecting an answer and entering something in the email field you are back to the first selection.  
the section of code in index.html appears like this: 
'<!--  Step 1 -->
        <div class="steps step-1">
            <p>STEP 1: Answer this question</p>
            <form action="#" method="post">
                <div class="select-holder">
                    <label>Who is giving this away the awesome thing that you're about to download?</label>
                    <div class="select-wrap">
                        <select name="" >
                            <option selected="selected" value="Select Your Answer">Select Your Answer</option>
                            <option value="LeadBrite, Duh!">LeadBrite, Duh!</option>
                            <option value="Lady Gaga">Lady Gaga</option>
                            <option value="Santa Claus">Santa Claus</option>
                        </select>
                    </div>  
                </div>
                <input type="submit" value="Submit Answer" class="submit-button" />
            </form>
            <div class="contest-ends">
                <p><span>Contest Ends</span></p>
                <p>Month 00, 00:00 AAA</p>
            </div>
        </div>
        <!--  END Step 1 -->
        <!--  Step 2 -->
        <div class="steps step-2">
            <p>STEP 2: Your details</p>
            <form action="#" method="post">
                <input type="text" class="field" value="Enter your email address" title="Enter your email address" />
                <input type="submit" value="Send" class="send" />
            </form>
            <div class="contest-ends">
                <p><span>Contest Ends</span></p>
                <p>Month 00, 00:00 AAA</p>
            </div>
        </div>
        <!--  END Step 2 -->'

As I said, I want to add a step three but I do not know how to move forward.  The source files include an HTML5 file and others that I believe I'd have to connect step-3 to in order for it to function properly. 
I appreciate any help.  Thanks. 

A:

Hoping to simplify this by creating a sample to work with.   If you check out http://jsfiddle.net/fgAUQ/, you can see the form listening for the submit during the email question.  
$(document).on('submit', 'form', function (e) {
    // Check email address
    // if email address ok
        $('.step-2').hide();
        $('.step-3').fadeIn(800);
        e.preventDefault();
    // else 
        // alert
        // e.preventDefault();
    // end if
});

You'll still need to follow this through with storing / processing the email and handling the form upload.