My jquery-ui range slider behaves illogically. Can anyone explain why only one of the sliders here work? Note that on the actual page there are more than 2 sliders.

<http://jsfiddle.net/uVeUD/>

The point of this code is to change all my sliders at once using variables in the code. However, as you can see in the fiddle, if it does not have the same value as min, it will not work. What is the reason for that? 

```
$( "div.slider-div" ).each(function(){
    obj = $("input", $(this).parent());
    $(this).slider({
       range: "min",
       value: obj.val(),
       min: obj.attr("min"),
       max: obj.attr("max"),
       slide: function( event, ui ) {
           $("input", $(this).parent()).val( ui.value );
           $("input", $(this).parent()).change();
       }
    });   

    obj.val( $(this).slider("value") ); 
});

```

I need things that work so I am open to alternative suggestions for sliders if no one can fix it.