Retrieve two var values from Slider Widget?
<p>I'm trying to implement <a href="http://jqueryui.com/slider/#range" rel="nofollow">Jquery UI Slider</a> with ranges.
However, I can't seem to find any two variables to get values from this:</p>

<pre><code>    $( "#entrance-price" ).slider({
    range: true,
    min: 0,
    max: 500,
    values: [ 0, 500 ],
    slide: function( event, ui ) {
        $( "#entrance-price-amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
    }
});
$( "#entrance-price-amount" ).val( "$" + $( "#entrance-price" ).slider( "values", 0 ) +
    " - $" + $( "#entrance-price" ).slider( "values", 1 ) );
</code></pre>

<p>Normally, I would do</p>

<pre><code>var From = $("#from").val();
var To = $("#to").val();
</code></pre>

<p>But here it seems there is <code>#entrance-price</code>0 and <code>#entrance-price</code>1.
How would I go about getting these two values? Thanks!</p>
