Массив слайдеров

[seva.zaikov]

Здравствуйте!
Возникла проблема - необходимо сделать 10 слайдеров, при этом при перемещении любого ползунка над ним должен меняться текст соответственно. По одиночке я всё реализовал, но хочется сделать массивом. Вот так всё работает:

$(document).ready(function() {
    $( ".slider_1" ).slider({
        animate: true,
        range: "min",
        value: 50,
        min: 0,
        max: 100,
        step: 1,

        slide: function( event, ui ) {
            $( ".slider-result_1" ).html( ui.value );
        }
    });
})

А вот так только у последнего текст меняется.

$(document).ready(function() {
    for (var i = 1; i <= 10; i++) {
        var slider_num = ".slider" + "_" + i;
        var slider_result = ".slider-result" + "_" + i;
        $( slider_num ).slider({
            animate: true,
            range: "min",
            value: 50,
            min: 0,
            max: 100,
            step: 1,

            slide: function( event, ui ) {
                $( slider_result ).html( ui.value );
            }
        });
    };
})

В чём причина? Ведь по идее каждое событие slide приписывается новому слайдеру.

Спасибо.

[Rise]

А так чо не работает:

<div class="slider"></div><div class="slider-result"></div>
<div class="slider"></div><div class="slider-result"></div>
<div class="slider"></div><div class="slider-result"></div>

$(document).ready(function() {
    $( ".slider" ).slider({
        animate: true,
        range: "min",
        value: 50,
        min: 0,
        max: 100,
        step: 1,

        slide: function( event, ui ) {
            $(ui.handle).parent().next().html(ui.value);
        }
    });
})