Display a summary of form element values before submit
<p>Using jquery formtowizard.js with an ajax submit. I want the last step of the form to display a summary of all form fields that were filled out. I can get it to work in isolated test cases, but not in full use.
Form</p>

<pre><code>&lt;form id="Commission" method="post" action="PHP/CommissionsSubmit.php"&gt;
    &lt;fieldset id="Initial"&gt;
        &lt;legend&gt;Enter Your Information&lt;/legend&gt;
        &lt;ul&gt;
            &lt;li&gt;
                &lt;label for="FName"&gt;First Name*&lt;/label&gt;&lt;input type="text" name="FName" id="FName"&gt;
            &lt;/li&gt;
         //repeat many li's
        &lt;/ul&gt;
    &lt;/fieldset&gt;
    &lt;fieldset&gt;
    &lt;legend&gt;Second Step&lt;/legend&gt;
    //more li's
    &lt;/fieldset&gt;
    &lt;fieldset&gt;
    &lt;legend&gt;Confirmation&lt;/legend&gt;
    &lt;span id="CFName"&gt;&lt;/span&gt;
    &lt;/fieldset&gt;
&lt;/form&gt;
</code></pre>

<p>the jquery to get "#CFName" value</p>

<pre><code>$('#FName').keyup(function() {
   $('#CFName').val($(this).val());
});
</code></pre>

<p>I can't get the value to appear in the span "#CFName"... Could this have to do with the "serialize" function or anything going on with my $ajax submit function? its happening before submit... Please help!</p>

<p>I apologize, but I've gone back and forth with "#CFName" being a span and an input, using .val and .html respectively</p>
