jRange 滑块插件销毁方法

<div class="demo-output">
    <button id="change-btn">Change Range</button>
    <br><br>
        <hr>
            <br><br>
     <input class="single-slider" type="text" value="25"/>
</div>

.demo-output{
    width: 300px;
    margin: 100px auto;
}
.single-slider{
    display:none;
}

将下限由28改为50

$(document).ready(function(){
    $('.single-slider').jRange({
        from: 1,
        to: 28,
        step: 1,
        format: '%s',
        width: 375,
        showLabels: true,
        showScale: true,
        onstatechange: function(val){
             $('#now-value').val(val);      
        }
    });
    
    $('#change-btn').click(function(){
        $('.single-slider').removeData('plugin_jRange');
        $('.single-slider').next().remove();
        $('.single-slider').jRange({
            from: 1,
            to: 50,
            step: 1,
            format: '%s',
            width: 375,
            showLabels: true,
            showScale: true,
            onstatechange: function(val){
                 $('#now-value').val(val);      
            }
        });
    });