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.