title: Submit button to submit form and go to next screen using jquery form-wizard
body: <p>I am using <a href="http://thecodemine.org" rel="nofollow">jquery FormWizard</a> and would like to use submit button on last screen as a way to submit the form and go to next screen. </p>
  
  <p>Issue is I am embedding this jquery script in my Java code. Right now I have a "submit" button from jquery form wizard and I have a "continue" button from my Java code. So user submits the form by pressing "submit" and then press "continue" to go to next screen. Not an ideal situation for user. </p>
  
  <p>If I just use <strong>"continue"</strong> without pressing submit, it doesn't store any information of the form. Once I press <strong>"submit"</strong> and then <strong>"continue"</strong>, all information on the form will be saved in the database. How can I use <strong>continue</strong> button as submit and also to proceed to next screen so that I don't need that submit button on last screen. </p>
  
  <pre><code>Script sc = new Script();
  sc.add("$(function(){$('#formScreenQuestions').formwizard({formPluginEnabled: true,validationEnabled: true,focusFirstInput : true,disableUIStyles : true});});");
  HEADER.add(sc); 
  
  Form form = new Form("criteria");
  form.set(ID, "formScreenQuestions");
  Div dh = new Div();
  dh.set(ID, "lastStep");
  dh.set(CLASS,"step");
  Table vt = new Table();
  vt.row();
  vt.cell(text("Please press SUBMIT before pressing CONTINUE"));
  ==== showing some questions with checkboxes to select =====
  dh.add(vt);
  Div db = new Div();
  db.set(ID,"navigation");
  Table bt = new Table();
  bt.row();
  bt.cell("&lt;input type='reset',id='back',value='Back' /&gt;");
  bt.cell("&lt;input type='submit',id='next',value='Next' /&gt;");      
  db.add(bt); 
  
  form.add(dv);
  form.add(db);
  </code></pre>