title: Jquery steps "destroy" method is removing values given by User
body: <p>I have a Questionnaire form which is break down in steps by using JQuery steps plugin. In the process of form submission there is a certain point where i need to remove steps. When i use "destroy" JQuery steps method, the values filled in the form are lost.</p>
  
  <p>For example:</p>
  
  <pre><code>&lt;form&gt;
  &lt;h3&gt;Form A&lt;/h3&gt;
  &lt;section&gt;
      What is your name?&lt;br/&gt;
      &lt;input type="text" value="" name="yourname" /&gt;
      What is your age group? &lt;br/&gt;
      &lt;input type="radio" name="agegroup" value="1" /&gt;1-20
      &lt;input type="radio" name="agegroup" value="2" /&gt;20-40
      &lt;input type="radio" name="agegroup" value="3" /&gt;40-60
      &lt;input type="radio" name="agegroup" value="4" /&gt;60+
     ......
     ......
  &lt;section&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I am using following steps:</p>
  
  <ol>
  <li>Convert form into Jquery steps</li>
  <li>Opening this form in Simple modal dialog.</li>
  <li>User fill this form and close modal dialog.</li>
  <li>I am using "destroy" jQuery steps method after closing dialog.</li>
  <li>When user re-open simple modal dialog again then i am converting this form into JQuery steps. At that point user see that all filled values in the form are lost.</li>
  </ol>
  
  <p><strong>The problem is at the 4th step. User have filled form at 3rd step. When i converted in back to original HTML, values given by user are lost.</strong></p>
  
  <p><strong>Expected values at 4th step</strong></p>
  
  <pre><code>&lt;h3&gt;Form A&lt;/h3&gt;
  &lt;section&gt;
      What is your name?&lt;br/&gt;
      &lt;input type="text" value="Ishwar Lal" name="yourname" /&gt;
      What is your age group? &lt;br/&gt;
      &lt;input type="radio" name="agegroup" value="1" /&gt;1-20
      &lt;input type="radio" name="agegroup" value="2" selected='selected' /&gt;20-40
      &lt;input type="radio" name="agegroup" value="3" /&gt;40-60
      &lt;input type="radio" name="agegroup" value="4" /&gt;60+
     ......
     ......
  &lt;section&gt;
  </code></pre>
  
  <p><strong>but output is:</strong></p>
  
  <pre><code>&lt;h3&gt;Form A&lt;/h3&gt;
  &lt;section&gt;
      What is your name?&lt;br/&gt;
      &lt;input type="text" value="" name="yourname" /&gt;
      What is your age group? &lt;br/&gt;
      &lt;input type="radio" name="agegroup" value="1" /&gt;1-20
      &lt;input type="radio" name="agegroup" value="2" /&gt;20-40
      &lt;input type="radio" name="agegroup" value="3" /&gt;40-60
      &lt;input type="radio" name="agegroup" value="4" /&gt;60+
     ......
     ......
  &lt;section&gt;
  </code></pre>
  
  <p><strong>I need to remove JQuery steps from from with filled values.</strong> I have read JQuery documentation but not found any idea about this.</p>