Jquery ui slider in Bootstrap menu

Price range selector with jquery ui slider

$("#slider-range").slider({
     range: true,
     min: 0,
     max: 500,
     values: [100, 400],
     slide: function (event, ui) {
         $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
     }
 });
 $("#amount").val("$" + $("#slider-range").slider("values", 0) + " - $" + $("#slider-range").slider("values", 1));

DEMO