title: getting values from price range slider jquery
body: <pre><code>&lt;meta charset="utf-8"&gt;
  &lt;title&gt;jQuery UI Slider - Range slider&lt;/title&gt;
  &lt;link rel="stylesheet" href="jquery.ui.all.css"&gt;
  &lt;script src="jquery-1.7.1.js"&gt;&lt;/script&gt;
  &lt;script src="jquery.ui.widget.js"&gt;&lt;/script&gt;
  &lt;script src="jquery.ui.mouse.js"&gt;&lt;/script&gt;
  &lt;script src="jquery.ui.slider.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="demos.css"&gt;
  &lt;script&gt;
  $(function() {
      $( "#slider-range" ).slider({
          range: true,
          min: 0,
          max: 500,
          values: [ 75, 300 ],
          slide: function( event, ui ) {
              $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
          }
      });
      $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
          " - $" + $( "#slider-range" ).slider( "values", 1 ) );
  
          $( "#minValue" ).val( ui.values[ 0 ] );
          $( "#maxValue" ).val( ui.values[ 1 ] );
  });
  &lt;/script&gt;
  
  &lt;div class="demo"&gt;
  &lt;p&gt;
      &lt;label for="amount"&gt;Price range:&lt;/label&gt;
  &lt;input type="text" id="amount" name ="amount" style="border:0; color:#f6931f; font-weight:bold;"/&gt;
  &lt;/p&gt;
  
  &lt;div id="slider-range"&gt;&lt;/div&gt;
  
   &lt;input type="hidden" id="minValue" name="minValue" value="&lt;?php echo (isset($_POST['minValue'])) ? $_POST['minValue'] : '75'; ?&gt;" /&gt;
  &lt;input type="hidden" id="maxValue" name="maxValue" value="&lt;?php echo (isset($_POST['maxValue'])) ? $_POST['maxValue'] : '300'; ?&gt;" /&gt;
  
  &lt;/div&gt;&lt;!-- End demo --&gt;
  </code></pre>
  
  <ol>
  <li>How I can get the min &amp; max values?</li>
  <li>When slider sliding how do I read that values from this code?</li>
  <li>Is there any function is needed for reading the min &amp; max values?</li>
  </ol>