title: Not able to get date value on other step in multistep form
body: <p>I have multistep form of 3 steps.On 2 step in have date input box.I want to get date value on third step but it is showing error.</p>
  
  <pre><code>  &lt;input type="date" name="date" id="date" min="&lt;?php echo date("Y-m-d"); ?&gt;" class="datepicker" id="datepicker" /&gt;
  
   &lt;input type="button" name="previous" class="previous action-button" value="Previous" /&gt;
      &lt;input type="button" name="nextnew" id="nextnew" class="next action-button" value="Next" /&gt;
  </code></pre>
  
  <p>This is my date input box and I have 2 button to go to the next step and previou step.</p>
  
  <pre><code>&lt;?php
  
   $query5=mysql_query("select * from doctorbooking where aday='".$_REQUEST['date']."'");
  
   $query6=mysql_fetch_array($query5);
  
  ?&gt;
  </code></pre>
  
  <p>I want to retrive value from database table name "doctorbooking" on date value by selecting date in second step but it is showing error.(Undefined index: date)
  This is my js.</p>
  
  <pre><code>   &lt;script&gt;
       //jQuery time
       var current_fs, next_fs, previous_fs; //fieldsets
      var left, opacity, scale; //fieldset properties which we will animate
       var animating; //flag to prevent quick multi-click glitches
  
        $(".next").click(function(){
      if(animating) return false;
  animating = true;
  
  current_fs = $(this).parent();
  next_fs = $(this).parent().next();
  
  //activate next step on progressbar using the index of next_fs
  $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
  
  //show the next fieldset
  next_fs.show(); 
  //hide the current fieldset with style
  current_fs.animate({opacity: 0}, {
      step: function(now, mx) {
          //as the opacity of current_fs reduces to 0 - stored in "now"
          //1. scale current_fs down to 80%
          scale = 1 - (1 - now) * 0.2;
          //2. bring next_fs from the right(50%)
          left = (now * 50)+"%";
          //3. increase opacity of next_fs to 1 as it moves in
          opacity = 1 - now;
          current_fs.css({'transform': 'scale('+scale+')'});
          next_fs.css({'left': left, 'opacity': opacity});
      }, 
      duration: 800, 
      complete: function(){
          current_fs.hide();
          animating = false;
      }, 
      //this comes from the custom easing plugin
      easing: 'easeInOutBack'
      });
   });
  
     $(".previous").click(function(){
  if(animating) return false;
  animating = true;
  
  current_fs = $(this).parent();
  previous_fs = $(this).parent().prev();
  
  //de-activate current step on progressbar
  $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
  
  //show the previous fieldset
  previous_fs.show(); 
  //hide the current fieldset with style
  current_fs.animate({opacity: 0}, {
      step: function(now, mx) {
          //as the opacity of current_fs reduces to 0 - stored in "now"
          //1. scale previous_fs from 80% to 100%
          scale = 0.8 + (1 - now) * 0.2;
          //2. take current_fs to the right(50%) - from 0%
          left = ((1-now) * 50)+"%";
          //3. increase opacity of previous_fs to 1 as it moves in
          opacity = 1 - now;
          current_fs.css({'left': left});
          previous_fs.css({'transform': 'scale('+scale+')', 'opacity': opacity});
      }, 
      duration: 800, 
      complete: function(){
          current_fs.hide();
          animating = false;
      }, 
      //this comes from the custom easing plugin
      easing: 'easeInOutBack'
  });
  });
  
    $(".submit").click(function(){
     return false;
    })
  
   &lt;/script&gt;
  </code></pre>