title: How do I create an ASP.NET MVC wizard with back button support?
body: <p>I am creating an app with ASP.NET MVC and I have the need for a wizard style interface on one of my pages.  </p>
  
  <p>Here is what I'm doing so far:<br>
  I have created a page with 5 divs.  All have "display: none" set in the css file.  When the user hits the page for the first time, I use jquery to show the first step using:  </p>
  
  <pre><code>$("#callStep1").show();
  </code></pre>
  
  <p>The first step has a select list and when the user makes a selection the following code is executed:  </p>
  
  <pre><code>$("#callStep1").hide();
  $("#callStep2").show();
  </code></pre>
  
  <p>This continues until the user gets to step 5 and clicks the submit button.  Everything is working fine except if I'm on step 2, 3, 4, 5 and hit the back button, it takes me all the way back to the page I was on before when I really just want to go to the previous step.</p>
  
  <p>How can I make this work?  I've seen some examples using "#" and creating links on the page, but not sure if there is a better way.</p>
  
  <p>Any suggestions?</p>