title: Creating a dynamic range slider
body: <p>I need some help in creating this dynamic range slider since I'm not so good at back-end coding.</p>
  
  <p><a href="http://i255.photobucket.com/albums/hh140/testament1234/dynamicrangeslider_zpsb2ae70b4.jpg" rel="nofollow">http://i255.photobucket.com/albums/hh140/testament1234/dynamicrangeslider_zpsb2ae70b4.jpg</a></p>
  
  <p>Basically the objective here is if the user check the option for 90 pesos and above or 90 pesos to 1000 pesos the slider will change the min and max range. </p>
  
  <p>Here is what i have started.</p>
  
  <p>Javascript/Jquery</p>
  
  <pre><code>&lt;script&gt;
  jQuery(function() {
  jQuery( "#slider-range" ).slider({
      range: true,
      min: 0,
      max: 500,
      step:5,
      values: [ 0, 300 ],
      slide: function( event, ui ) {
          jQuery( "#amount" ).val( "Php" + ui.values[ 0 ] + " - Php" + ui.values[ 1 ] );
      }
  
  });
      jQuery( "#amount" ).val( "Php" + $( "#slider-range" ).slider( "values", 0 ) +
      " - $" + $( "#slider-range" ).slider( "values", 1 ) );
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>All i need to do is to know what to replace or what to add.</p>