<link rel="stylesheet" href="/.s/src/jquery-ui/themes/smoothness/smoothness.min.css">        
<script type="text/javascript" src="/.s/src/jquery-ui/jquery-ui.min.js">

<div id="price-range-2"></div>

$("#price-range-2")        
.slider({        
            range: true,        
            min: shopFilterMinPrice,        
            max: shopFilterMaxPrice,        
            values: [shopFilterMinPrice, shopFilterMaxPrice],        
            step: 1,        
            slide: function(event, ui){        
                $("#price_min").val(ui.values[0]);        
                $("#price_max").val(ui.values[1]);        
            },        
            change: function( event, ui ){        
                // Remove the commenting for the line below        
                // if you need the filter to work instantly        
                //return priceFilter('price', ui.values.join('|'))        
            }        
});