jquery UI 一个页面中怎么显示多个slider

后面的文本框是slider的值，每一个slider 的值互不影响

直接放多个就好了，原本就互相不影响

 <div class="slider"></div><input type="text" />
    <div class="slider"></div><input type="text" />
    <div class="slider"></div><input type="text" />

    <script>
        $(function () {
            $("div.slider").slider({
                change: function (event, ui) {
                    //this为对应的slider那个div DOM对象
                    $(this).next().val(ui.value)
                }
            });
        });
    </script>