Ive got my form to work as I want it to (Next/Previous)

 

But when it reaches the end <div id="confirmation" class="step submit_step"> it still shows the navigation

buttons. how do I stop it from doing this?

 

    <div id="demoNavigation">      
     <input class="navigation_button" id="back" value="Reset" type="reset" />
     <input class="navigation_button" id="next" value="Submit" type="submit" />
    </div>

 

My jquery code is :

   var remoteAjax = {}; // empty options object

   $("#demoForm .step").each(function(){ // for each step in the wizard, add an option to the remoteAjax object... 
    var thisId = $(this).attr("id");
    remoteAjax[$(this).attr("id")] = {
     url : "store.asp", // the url which stores the stuff in db for each step
     dataType : 'json',
     beforeSubmit: function(data){
       var nPercent = Math.round((thisId / noOfSteps)*100);
       var nColumn  = 100 - nPercent;
       
       $("#data").html("<table width=760 class='Progress' cellspacing=3><tr><td style='background-color:#000000; color:#ffffff;height:30px;' align=center width="+nPercent+"%'>" + nPercent + "</td><td width='+nColumn+'%' style='background-color:#FFFFFF;'></td></tr></table>" + nPercent + ' ' + nColumn + ' ' + $.param(data))
       },
     success : function(responseText, statusText, xhr, $form){
        return data; //return true to make the wizard move to the next step, false will cause the wizard to stay on the CV step (change this in store_in_database.html)
        }
     };
   });