Может кому понадобится сделал таким образом, с помощью Jquery!
// Изменение местоположения ползунка при вводиде данных в первый элемент input
$("input#text1").focus(function(){
var value1=$("input#text1").val();
var value2=$("input#text").val();
if(parseInt(value1) > parseInt(value2)){
value1 = value2;
$("input#text1").val(value1);
}
$("#slider-range").slider("values",0,value1);
});
// Изменение местоположения ползунка при вводиде данных в второй элемент input
$("body").change(function(){
$("#text1").focus();
var value1=$("input#text1").val();
var value2=$("input#text").val();
if(parseInt(value1) > parseInt(value2)){
value2 = value1;
$("input#text").val(value2);
}
$("#slider-range").slider("values",1,value2);
});
Если кратко объяснять, то после ввода в первое поле и клика мышкой в любом месте страницы, значение второго поля меняется автоматически и фокус тоже переносится на второе поле. А изменение координат в ползунке тоже настроены на событие .focus(). Посмотреть можно
тут 
