title: Basic jquery Steps Wizard
body: <p>Been trying to do this for a while now, but it seems all jquery steps/wizard plugins are very limited and was hoping you guys are able to help me out a little.</p>
  
  <p>What i'm trying to do is a very basic 3 steps wizard via jQuery. So at beginning it only shows the .step-active and .content-active at first and then 2 and then 3 where i submit the form.</p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;div class="steps-wizard"&gt;
  &lt;div class="step1 step-active"&gt;1&lt;/div&gt;
  &lt;div class="step2"&gt;2&lt;/div&gt;
  &lt;div class="step3"&gt;3&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;form id="steps-form"&gt;
  &lt;div class="steps-content"&gt;
  &lt;!-- STEP 1 --&gt;
  &lt;div class="step1-content content-active"&gt;
      -- CONTENT --
      &lt;a href="#"&gt;Next&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;!-- STEP 2 --&gt;
  &lt;div class="step2-content"&gt;
      -- CONTENT --
      &lt;a href="#"&gt;Next&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;!-- STEP 3 --&gt;
  &lt;div class="step3-content"&gt;
      -- CONTENT --
      &lt;input type="submit"&gt;Submit&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>Any help on this would be very much appreciated as it seems i'm not able to get this working correctly...</p>
  
  <p>Thanks guys!</p>