title: jQuery Smart Wizard 3.0 post all form fields in the wizard
body: <p>I'm using the vertical layout to display a form with 12 steps. when I hit finish only the first section is submitted.</p>
  
  <p>here's the javascript code:</p>
  
  <pre><code> $('#wizard').smartWizard({
     selected:0,
     enableAllSteps: true, // Enable/Disable all steps on first load
     transitionEffect: 'fade', // Effect on navigation,     none/fade/slide/slideleft
     contentCache:true, // cache step contents, if false content is fetched      always from ajax url
     cycleSteps: true, // cycle step navigation
     enableFinishButton: true, // makes finish button enabled always
     onFinish: onFinishCallback,
     onCancel: onCancelCallback,
     errorSteps:[], // array of step numbers to highlighting as error steps 
     labelFinish:'Finish', // label for Finish button 
     labelCancel:'Cancel'
   })
  
  function onFinishCallback(){
   /*$("#classEditForm").submit();*/
   $.ajax({
     type:'POST',
     url: 'index.cfm?action=addClassData&amp;nolayout',
     data: $('#classEditForm').serialize(),
     cache: false,
     success: function(){
     alert("successful post");
     /*$("#editPage").jqmHide();*/
   },
  
   error: function(){
   }
  
  });
  }
  
  function onCancelCallback(){
     $("#editPage").jqmHide();
   };
  </code></pre>
  
  <p>and the HTML/CF Code:</p>
  
  <pre><code>&lt;cfoutput query="variables.classData"&gt;
    &lt;table id="classInfo"&gt;
    &lt;tr&gt;
      &lt;th&gt;Course Number&lt;/th&gt;
      &lt;th&gt;Course Name&lt;/th&gt;
      &lt;th&gt;&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td valign="middle" id="cNum" class="classData"&gt;#CRS_COURSE_NUMBER#&lt;/td&gt;
      &lt;td&gt;#CRS_COURSE_DESCRIPTION#&lt;/td&gt;
      &lt;td align="right"&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/cfoutput&gt;
  &lt;div id="wizard" class="swMain"&gt;
    &lt;ul&gt;
     &lt;li&gt;Administrative Data&lt;/li&gt;
     &lt;li&gt;About the Program&lt;/li&gt;
     &lt;li&gt;Activities&lt;/li&gt;
     &lt;li&gt;Concepts&lt;/li&gt;
     &lt;li&gt;Lab Requirements&lt;/li&gt;
     &lt;li&gt;Notes&lt;/li&gt;
     &lt;li&gt;Objectives&lt;/li&gt;
     &lt;li&gt;Philosophy&lt;/li&gt;
     &lt;li&gt;Preparation&lt;/li&gt;
     &lt;li&gt;Software&lt;/li&gt;
     &lt;li&gt;Techniques&lt;/li&gt;
     &lt;li&gt;File Uploads&lt;/li&gt;
    &lt;/ul&gt;
  
    &lt;cfoutput query="variables.classData"&gt;
      &lt;div id="step-1"&gt;
       &lt;form id="classEditForm" action="index.cfm?    action=addClassData&amp;amp;nolayout" method="post"&gt;
      &lt;input type="hidden" name="COURSE_NUMBER" id="course_number" value="#CRS_COURSE_NUMBER#"/&gt;
  &lt;fieldset&gt;
    &lt;legend class="StepTitle"&gt;Administrative Data&lt;/legend&gt;
    &lt;label for="POC" id="poc_label" style="margin-right: 38px;"&gt;Point of Contact&lt;/label&gt;
    &lt;input type="text" id="POC" name="POC" value="#POC_TITLE#" class="txtBox" style="margin-bottom: 3px;"&gt;
    &lt;label for="POE" id="poe_label"&gt;Point of Contact Email&lt;/label&gt;
    &lt;input type="text" id="POE" name="POE" value="#POC_EMAIL#" class="txtBox"&gt;
    &lt;div&gt;
      &lt;label&gt;AFNorth Only: &lt;/label&gt;
      &lt;div id="AFNorth"&gt;
        &lt;cfswitch expression="#AFNORTH#"&gt;
          &lt;cfcase value="1"&gt;
              &lt;label for="AFNorth_Yes" class="rbLabel"&gt;Yes&lt;/label&gt;
              &lt;input type="radio" id="AFNorth_Yes" name="AFNorth" checked="checked" value="1"&gt;
              &lt;label for="AFNorth_No" class="rbLabel"&gt;No&lt;/label&gt;
              &lt;input type="radio" id="AFNorth_No" name="AFNorth" value="0"&gt;
              &lt;/cfcase&gt;
          &lt;cfcase value="0"&gt;
              &lt;label for="AFNorth_Yes" class="rbLabel"&gt;Yes&lt;/label&gt;
              &lt;input type="radio" id="AFNorth_Yes" name="AFNorth" value="1"&gt;
              &lt;label for="AFNorth_No" class="rbLabel"&gt;No&lt;/label&gt;
              &lt;input type="radio" id="AFNorth_No" name="AFNorth" checked="checked" value="0"&gt;
          &lt;/cfcase&gt;
          &lt;cfdefaultcase&gt;
              &lt;label for="AFNorth_Yes" class="rbLabel"&gt;Yes&lt;/label&gt;
              &lt;input type="radio" id="AFNorth_Yes" name="AFNorth" value="1"&gt;
              &lt;label for="AFNorth_No" class="rbLabel"&gt;No&lt;/label&gt;
              &lt;input type="radio" id="AFNorth_No" name="AFNorth" checked="checked" value="0"&gt;
          &lt;/cfdefaultcase&gt;
        &lt;/cfswitch&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;label&gt;International Baccalaureate&lt;/label&gt;
      &lt;div class="intlBac"&gt;
        &lt;cfswitch expression="#IB_COURSE#"&gt;
          &lt;cfcase value="1"&gt;
              &lt;label for="IB_Yes" class="rbLabel"&gt;Yes&lt;/label&gt;
              &lt;input type="radio" id="IB_Yes" name="IB_Course" checked="checked" value="1"&gt;
              &lt;label for="IB_No" class="rbLabel"&gt;No&lt;/label&gt;
              &lt;input type="radio" id="IB_No" name="IB_Course" value="0"&gt;
          &lt;/cfcase&gt;
          &lt;cfcase value="0"&gt;
              &lt;label for="IB_Yes" class="rbLabel"&gt;Yes&lt;/label&gt;
              &lt;input type="radio" id="IB_Yes" name="IB_Course" value="1"&gt;
              &lt;label for="IB_No" class="rbLabel"&gt;No&lt;/label&gt;
              &lt;input type="radio" id="IB_No" name="IB_Course" checked="checked" value="0"&gt;
          &lt;/cfcase&gt;
          &lt;cfdefaultcase&gt;
              &lt;label for="IB_Yes" class="rbLabel"&gt;Yes&lt;/label&gt;
              &lt;input type="radio" id="IB_Yes" name="IB_Course" value="1"&gt;
              &lt;label for="IB_No" class="rbLabel"&gt;No&lt;/label&gt;
              &lt;input type="radio" id="IB_No" name="IB_Course" checked="checked" value="0"&gt;
          &lt;/cfdefaultcase&gt;
        &lt;/cfswitch&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/fieldset&gt;
  &lt;/div&gt;
  &lt;div id="step-2"&gt;
    &lt;fieldset&gt;
      &lt;div id="about"&gt;
        &lt;label for="abt" class="topLabel StepTitle"&gt;About the Program&lt;/label&gt;
        &lt;textarea id="abt" name="abt" class="classEditText"&gt;#ABOUT_PROGRAM#&lt;/textarea&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/div&gt;
  &lt;div id="step-3"&gt;
    &lt;fieldset&gt;
      &lt;div id="activities"&gt;
        &lt;label for="act" class="topLabel StepTitle"&gt;Activities&lt;/label&gt;
        &lt;textarea id="act" name="act" class="classEditText"&gt;#ACTIVITIES#&lt;/textarea&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/div&gt;
  &lt;div id="step-4"&gt;
    &lt;fieldset&gt;
      &lt;div id="concepts"&gt;
        &lt;label for="con" class="topLabel StepTitle"&gt;Concepts&lt;/label&gt;
        &lt;textarea id="con" name="con" class="classEditText"&gt;#CONCEPTS#&lt;/textarea&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/div&gt;
  &lt;div id="step-5"&gt;
  &lt;fieldset&gt;
  &lt;div id="labs"&gt;
    &lt;label for="lab" class="topLabel StepTitle"&gt;Lab Requirements&lt;/label&gt;
    &lt;textarea id="lab" name="lab" class="classEditText"&gt;#LAB_REQ#&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;div id="step-6"&gt;
    &lt;fieldset&gt;
      &lt;div id="notes"&gt;
        &lt;label for="nts" class="topLabel StepTitle"&gt;Notes&lt;/label&gt;
        &lt;textarea id="nts" name="nts" class="classEditText"&gt;#NOTES#&lt;/textarea&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/div&gt;
  &lt;div id="step-7"&gt;
    &lt;fieldset&gt;
      &lt;div id="objectives"&gt;
        &lt;label for="obj" class="topLabel StepTitle"&gt;Objectives&lt;/label&gt;
        &lt;textarea id="obj" name="obj" class="classEditText"&gt;#OBJECTIVES#&lt;/textarea&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/div&gt;
  &lt;div id="step-8"&gt;
    &lt;fieldset&gt;
      &lt;div id="philosophy"&gt;
        &lt;label for="phi" class="topLabel StepTitle"&gt;Philosphy&lt;/label&gt;
        &lt;textarea id="phi" name="phi" class="classEditText"&gt;#PHILOSOPHY#&lt;/textarea&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/div&gt;
  &lt;div id="step-9"&gt;
    &lt;fieldset&gt;
      &lt;div id="preparation"&gt;
        &lt;label for="prep" class="topLabel StepTitle"&gt;Preparation&lt;/label&gt;
        &lt;textarea id="prep" name="prep" class="classEditText"&gt;#PREPARATION#&lt;/textarea&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/div&gt;
  &lt;div id="step-10"&gt;
    &lt;fieldset&gt;
      &lt;div id="software"&gt;
        &lt;label for="soft" class="topLabel StepTitle"&gt;Software&lt;/label&gt;
        &lt;textarea id="soft" name="soft" class="classEditText"&gt;#SOFTWARE#&lt;/textarea&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/div&gt;
  &lt;div id="step-11"&gt;
    &lt;fieldset&gt;
      &lt;div id="techniques"&gt;
        &lt;label for="tech" class="topLabel StepTitle"&gt;Techniques&lt;/label&gt;
        &lt;textarea id="tech" name="tech" class="classEditText"&gt;#TECHNIQUES#&lt;/textarea&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/div&gt;
  &lt;div id="step-12"&gt;
    &lt;fieldset&gt;
      &lt;div id="files"&gt;
        &lt;legend class=" StepTitle"&gt;File Uploads&lt;/legend&gt;
        &lt;label for="CCD_1"&gt; Competency Document 1&lt;/label&gt;
        &lt;input type="text" name="CCD_NAME_1" id="CCD_NAME_1" value="#COMPETENCYDOCLINKNAME01#"/&gt;
        &lt;input type="file" name="CCD_1" id="CCD_1" value="#COMPETENCYDOC01#"/&gt;
        &lt;label for="CCD_2"&gt; Competency Document 2&lt;/label&gt;
        &lt;label for="CCD_3"&gt; Competency Document 3&lt;/label&gt;
        &lt;input type="text" name="CCD_NAME_3" id="CCD_NAME_3" value="#COMPETENCYDOCLINKNAME01#"/&gt;
        &lt;input type="file" name="CCD_3" id="CCD_3" value="#COMPETENCYDOC01#"/&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/div&gt;
  &lt;/cfoutput&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and here's what's being passed:</p>
  
  <pre><code>COURSE_NUMBER=ARH4010T&amp;POC=&amp;POE=&amp;AFNorth=0&amp;IB_Course=0
  </code></pre>
  
  <p>The wizard code sets all but the currently visible div to display:none, which should mean that the form fields don't pass, however in the validation demo all the fields pass, even though they're display: none</p>
  
  <p>What am I missing?</p>