How do I update page without refreshing with bootstrap-slider?

Vortexindulgence

I'm using bootstrap-slider for my project and it only redraw's the table according to the values after refreshing the page.

$(function() {
        //creates jquery ui slider
        $( "#op-slider" ).slider({
            range: true,
            min: rangeMinOP,
            max: rangeMaxOP,
            value: [rangeMinOP, rangeMaxOP],
        }).on('slide', function(ev){
            var min = ev.value[0];
            var max = ev.value[1];
            $("#minOP").val(min + "%" );
            $("#maxOP").val(max + "%" );

               table.draw();

        })
            $("#minOP").val(min + "%" );
            $("#maxOP").val(max + "%" );
    });

How do I make it redraw the table without having to refresh the page?