Here is what I tried, but it did not work:
var $slider = jQuery( "#slider" );
$slider.slider("option", "min", min_range);
$slider.slider("option", "max", max_range);
Here is what I tried, but it did not work:
var $slider = jQuery( "#slider" );
$slider.slider("option", "min", min_range);
$slider.slider("option", "max", max_range);
I found the fix. When clicked on button i destroyed the slider and then re-initialized it with new range values.
Here is the code:
jQuery("#slider").slider("destroy");
jQuery("#slider").slider({
range: true,
min: new_min_range,
max: new_max_range,
values: [ new_min_range, new_max_range ]
});