title: Jquery remove class hidden onclick
body: <p>Hello I have following HTML Structure:</p>
  
  <pre><code>&lt;div class="form-step2 hidden"&gt;&lt;/div&gt;
  &lt;div class="form-step2 hidden"&gt;&lt;/div&gt;
  &lt;div class="form-step2 hidden"&gt;&lt;/div&gt;
  &lt;div class="form-step2 hidden"&gt;&lt;/div&gt;
  &lt;button type="button" id="addblock" class="btn btn-primary btn-block"&gt;+&lt;/button&gt;
  </code></pre>
  
  <p>If i click on the button i want to remove one hidden and than the next hidden.
  My JS:</p>
  
  <pre><code>$( "#addblock" ).click(function() {
  $( ".form-step2" ).next(".form-step2").removeClass("hidden");
  });
  </code></pre>
  
  <p>But this removes all hidden</p>