Javascript 从更改时的文本框值更新JQuery UI滑块（）

我有一个页面，上面有多个JQuery UI滑块。每个滑块都有一个关联的文本输入框。关联是双向的：当滑块更改时，文本框值将更改。当文本框值更改时，滑块也会更改

到目前为止，我的工作方式是：当滑块改变时，文本框值也会改变。但我不能让它反向工作

下面是一个滑块的标记：

<label for="amount">A price:</label>
<input type="text" class="amount" id="slider2_amount" />
<div class="slider" id="slider2" data-begin="200" data-end="500"></div>

在包含许多文本框和滑块的页面上，有没有更好的方法来确定文本框和滑块之间的关系？或者，你能看到这不起作用的另一个原因吗

__

更新：我试图遵循JQueryUI中使用的模型，但它们的标记假设每页有一个滑块实例。

这里有一个建议：

$('.amount').change(function () {
    var value = this.value,
        selector = $(this).parent('p').next();  
    selector.slider("value", value);
})

演示 根据您的想法，更正是：

selector=$（“#”+this.id.split（“#”）[0]）

这个演示
试试这个：

$('.amount').change(function() {
    var value = $(this).attr("value"),
    selector = ("#" + $(this).attr("id").slice(0,-7));
    selector.val(value);
    selector.slider('refresh');
}) 

谢谢，刚刚更新了实际链接。我看到了，刚刚添加了带有两个选项的答案。谢谢，我认为使用“家长”比计算ID名更好。@Ali，两者都一样好。用你喜欢的。很高兴我能帮忙。
$('.amount').change(function() {
    var value = $(this).attr("value"),
    selector = ("#" + $(this).attr("id").slice(0,-7));
    selector.val(value);
    selector.slider('refresh');
})