title: jQuery Form to Wizard, hiding a certain step
body: <p><img src="https://i.stack.imgur.com/gpzuf.png" alt="enter image description here">I have this form, I want to hide one of the fieldset when the onchange event is triggered. I have one select tag inside the first fieldset. When I select fieldset 2 from the dropdown list the second fieldset must be removed.</p>
  
  <pre><code>&lt;form id="form1"&gt;
      &lt;fieldset class="sectionwrap"&gt;
          &lt;select id="hide"&gt;
              &lt;option value="1"&gt;fieldset 2&lt;/option&gt;
              &lt;option value="2"&gt;fieldset 3&lt;/option&gt;
          &lt;/select&gt;
      &lt;/fieldset&gt;
  
      &lt;fieldset id ="second" class="sectionwrap"&gt;content&lt;/fieldset&gt;
  
      &lt;fieldset id="third" class="sectionwrap"&gt;content&lt;/fieldset&gt;
  &lt;/form&gt; 
  </code></pre>
  
  <p>I have this Jquery script. but the Step number on top of the form wizard is not removed, only the contents were removed.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $('#hide').on('change', function() {
          var hid = $('#hide').val();
          if (hid == "1") {
              $('#form1').css("display", "none");
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>