Slider Range

Saya punya coding javascript untuk memfilter harga product, fungsi nya udah jalan.. tapi ketika saya scroll slider nya ke harga yang di tuju, slider nya kembali lagi full seperti belum memfilter harga.. ini coding nya

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

            $( "#amount" ).val( "Rp." + $( "#slider-range" ).slider( "values", 0 ) +
            " - Rp." + $( "#slider-range" ).slider( "values", 1 ) );

        },

css

  <form role="form" action="filterbyharga" method="post" name="formfilterprice"><br>
                <h3>Berdasarkan Harga</h3>
                <input type="hidden" name="_token" value="{{{ csrf_token() }}}">
                  <p>
                    <label for="rentang">Rentang:</label>
                    <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" name="amountFilter">
                  </p>
                  <div id="slider-range"></div>
              </form>

*mohon bantuan nya *terimakasih