jQuery UI Slider на нескольких входах не работает

Question

Я немного застрял и задаюсь вопросом, может ли кто-нибудь понять, почему? его фактически не генерируют ползунки вообще, так немного потерянные.

JSFiddle здесь: http://jsfiddle.net/DmDkp/

HTML

<div class="markup scoreSlide"> 
    <input type="text" id="" class="scoreID" value="" /> 
    <div class="scoreSlider"></div> 
</div> 

<div class="markup scoreSlide"> 
    <input type="text" id="" class="scoreID" value="" /> 
    <div class="scoreSlider"></div> 
</div> 

<div class="markup scoreSlide"> 
    <input type="text" id="" class="scoreID" value="" /> 
    <div class="scoreSlider"></div> 
</div> 

JS

jQuery(document).ready(function() { 
    jQuery('.scoreSlide').each(function(){ 
     jQuery(this).find('.scoreID').slider({ 
      animate: true, 
      range: "min", 
      value: value: jQuery('.scoreID').val(), 
      min: 1, 
      max: 5, 
      step: 1, 
      slide: function(event, ui) { 
      jQuery(this).find('.scoreSlider').html(ui.value); 
      }, 
     }); 
    }); 
}); 

Answer 1

jQuery(this).find('.scoreSlider').slider({ 
      animate: true, 
      range: "min", 
      value: jQuery('.scoreSlider').val(), 
      min: 1, 
      max: 5, 
      step: 1, 
      slide: function(event, ui) { 
      jQuery(this).find('.scoreID').html(ui.value); 
      }, 
     }); 

DEMO -- >http://jsfiddle.net/DmDkp/8/

Чтобы получить значения в текстовом поле, выполните следующие действия:

slide: function(event, ui) { 
      $(this).parent().find('.scoreID').val(ui.value); 
}