javascript - AJAXが呼び出されたときにjQuery UI Sliderが再作成される

Question

私は奇妙な問題を抱えています (jQuery UI Slider がどのように動作するのかがよくわからないかもしれません)。

私は次のものを持っています：

//$.ajax is being called inside of button click
$.ajax({
    type : "POST",
    dataType : "json",
    url: 'url-here',
    data : {action: "search_stores"},
    beforeSend: function(){
        $('.table-block').addClass('loading');
    },
    success: function(result){
        $('.table-block').removeClass('loading');                                                       
    },
    error: function(respoonse){
        console.log(response);
    }                           
}); 

DOM の準備ができている場合:

$( "#slider" ).slider({
    value:5,
    min: 5,
    max: 50,
    step: 5,
    slide: function(e, ui) {        
        // radius.val(ui.value);
    }, stop: function(){
        // need to call in ajax
    }, create: function(e, ui){
        console.log("created");                                     
    }
});

（要素のクリックを介して）ajaxリクエストを行うたびに、スライダーがリセットされ、再度作成されます。クリックしたときにスライダーの値を保持したいと思います。これを行う方法は知っていますが、クリックするたびにスライダーが再作成されないようにしたいと思います。