<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('|'))  
      }  
});