jquery mobile slider

jquery mobile slider

Hi,

 I am new to javascript / Jquery Mobile. I  had created slider in my web page using jquery mobile UI, These are my JS files.

<script  src="resources/js/jquery-1.7.1.min.js"></script>
<script  src="resources/js/jquery.mobile-1.1.1.min.js"></script>
<link rel="stylesheet" href="resources/css/jquery.mobile-1.1.1.min.css" />

Slider div

             <div id="agediv">
            <label for="ageslider-0">Age:</label>
             <input type="range" name="ageslider_r" id="ageslider-0" value="00"
               data-highlight="true" data-mini="true" data-track-theme="b" />
             </div>

I want the slider to slide a set of values like (25,35,45) ideally from a string array which i will populate from a ajax call. I am unable to find solution to this. Can any one help?  Thanks in Advance.

I am setting min max values for slider like this.
                              $("#ageslider-0").attr("min", result[1]).slider("refresh");
                              $("#ageslider-0").attr("max", result[2]).slider("refresh");
But i am unable to set the values which it can slide.  Suppose if min is 10 and max is 50 it is showing all values from 10 to 50 while sliding. But i want only certain values between 10 and 50 like 10,12,15,18,25...50.