Jquery ui range slider get current minimum and maximum values

by rluuan

HTML

<div class='FilterSlider_Wrapper'>
    <label for="FilterSlider_Price">Price range:</label>
    <span type="text" class="FilterSlider_Price" style="font-weight:bold;">
    </span>
    <div class="FilterSlider_SliderRange" style='margin-top: 10px;'></div>
</div>

CSS

#accordion {
    margin:20px;
    height:300px;
}

JavaScript

$(function() {
    var minPriceInRupees 	= 0;
    var maxPriceInRupees 	= 500;
    var currentMinValue 	= 33;
    var currentMaxValue 	= 333;
    var HasColorRange   	= true;
    
    $( ".FilterSlider_SliderRange" ).slider({
        range: HasColorRange,
        min: minPriceInRupees,
        max: maxPriceInRupees,
        values: [ currentMinValue, currentMaxValue ],
        slide: function( event, ui ) {
            $( ".FilterSlider_Price" ).text( "$" + ui.values[0] + " - $" + ui.values[1] );
        },
    });

    $( ".FilterSlider_Price" ).text( "$" + $( ".FilterSlider_SliderRange" ).slider( "values", 0 ) +
" - $" + $( ".FilterSlider_SliderRange" ).slider( "values", 1 ) );
});