title: submit form at each step using Jquery form wizard
body: <p>I am using  Jquery Form wizard plugin in a MVC application. <a href="http://thecodemine.org/" rel="nofollow">http://thecodemine.org/</a>
  I have a form with 4 steps. in one of step i have upload functionality.
  I want submit functionality at each step and also back and next steps. later steps are optional.</p>
  
  <p>I was able to add a submit button in navigation. On clicking it, form data related to active step is only submitted and other data is null.</p>
  
  <p>For more clarity of my issue:
  View :</p>
  
  <pre><code>&lt;form id="myform" method="post" action="/Controller/Action"&gt;
      &lt;div id="fieldWrapper"&gt;
          &lt;fieldset class="step fieldset" id="first"&gt;
              &lt;legend class="legend"&gt;First step&lt;/legend&gt;
              Some input controls
          &lt;/fieldset&gt;
          &lt;fieldset class="step fieldset" id="second"&gt;
              &lt;legend class="legend"&gt;Second step&lt;/legend&gt;
              some more input controls (optional)
          &lt;/fieldset&gt;
          &lt;fieldset class="step fieldset" id="third"&gt;
              &lt;legend class="legend"&gt;Third step&lt;/legend&gt;
              some more input controls with filu upload
              (optional)
          &lt;/fieldset&gt;
          &lt;fieldset class="step fieldset" id="fourth"&gt;
              &lt;legend class="legend"&gt;Fourth step&lt;/legend&gt;
              some more input controls (optional)
          &lt;/fieldset&gt;
      &lt;/div&gt;
      &lt;div id="demoNavigation"&gt;
          &lt;input class="navigation_button" id="back" value="Back" type="reset" /&gt;
          &lt;button type="submit" id="submitBtn"&gt;Submit and Finish&lt;/button&gt;
          &lt;input class="navigation_button" id="next" value="Next" type="submit" /&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function () {
          $("#myform").formwizard({
              validationEnabled: true,
              focusFirstInput: false,
              disableUIStyles: true,
              textSubmit: 'Submit and Finish',
              textNext: 'Continue to next step',
              next: "input:submit"
          }
          );
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Updated the Jquery.form.wizard.js to so that the submit button hides at last step.
  Now on each step i have submit button and navigation button.</p>
  
  <p>When i submit form on second step, form data in second step is only posted and rest is not posted.</p>
  
  <p>I went through the samples but could not find the appropriate one.
  Can anyone suggest how to achieve this?</p>