How to pass jQuery slider variable value to another page?

How to pass jQuery slider variable value to another page?

  1. $(function() {
  2.     $("#slider").slider({
  3.         value:0,
  4.         min:0,
  5.         max: 10,
  6.         step: 1,
  7.         slide: function(event, ui) {
  8.             $("#amount").val(ui.value);
  9.                 $("#price").val('$'+ ui.value * $("#rate").attr("value") * 12);
  10.             }
  11.         });
  12.         $("#amount").val($("#slider").slider("value"));
  13.         $("#price").val('$' + [VarName,S]);
  14.         });
  15. <div id="container">
  16. <div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="slider">
  17. <a style="left: 0%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div>
  18. <p>
  19. <input id="rate" style="border: 0pt none; color: rgb(246, 147, 31); font-weight: bold;" type="hidden" value="[VarName,S]">
  20. <label for="amount">Year:</label>
  21. <input value="1" id="amount" style="border: 0pt none; color: rgb(246, 147, 31); font-weight: bold;" type="text">
  22. </p>
  23. <p>
  24. <label for="price">Price:</label>
  25. <input value="[VarName,S]" id="price" name="price" style="border: 0pt none; color: rgb(246, 147, 31); font-weight: bold;" type="text">
  26. </p>
  27. <a href="#"><img width="120" height="32" border="0" src="btn-add-cart-blue.png" alt="" /></a>
  28. </div>

Question 1: How can i transfer the slider value to another page?

Question 2: I am using the price value in the slider from my previous page using the [VarName,S] variable. It shows the first time price value successfully as it brought from the previous page but once I slide forward and than slide back the value initiated to 0 instead of the value i carried from the previous page. How can I retain the min price value to the value i carried from the previous page?

Thanks for any help.