Как мне динамически изменять минимальные и максимальные значения для слайдера jquery ui?

Итак, у меня есть страница с слайдером пользовательского интерфейса jquery на ней, инициализированная следующим образом:

var min = $("#attrInformation").data("lowest_price"),
max = $("#attrInformation").data("highest_price");

    $( "#slider-range" ).slider({
        range: true,
        min: min,
        max: max,
        values: [ min, max ],
        slide: function( event, ui ) {
            var start = ui.values[0],
            end = ui.values[1];

            $("#startPrice").text(start);
            $("#endPrice").text(end);
        },
        stop: function(event,ui){
            var start = ui.values[0],
            end = ui.values[1];

            refineObject.price_min = start;
            refineObject.price_max = end;

            refineResults(refineObject);
        }
    });

, и я хочу иметь возможность изменять минимальное, максимальное и значение, для которого два дескрипторы основаны на результатах вызова ajax.поэтому я пробовал что-то вроде этого:

    $.get("ajax.php",options,function(data){
    $('.middle_container').html(data);          

    $('#slider-range').slider( "option", "min", $('.middle_container').find('.start_price').val() );
    $('#slider-range').slider( "option", "max", $('.middle_container').find('.end_price').val() );
    $('#slider-range').slider("value", $('#slider-range').slider("value"));

        });

где мои min и max содержатся в двух скрытых div с классами start_price и end_price . в настоящее время это не работает, максимальная цена не обновляется, и правый маркер ползунка появляется слева вне позиции. какие-нибудь предложения о том, как заставить эту работу работать? Я использую php для бэкэнда. код start_price и end_price исправен.