JQuery UI Spinner: прицепиться к input без ID?

Question

[Станислав Езерский]

Привет!

Пытаюсь прицепить jQuery UI Spinner, но значения меняются у всех инпутов (если их больше 1)
Как прицепиться к инпуту, у которого нет ID, но есть скрытое поле key?

Таких форм может быть куча, каждая со своим ключом

<form >
   <input name="key" value="{$key}" type="hidden">
   <input type="number" name="count" value="" class="counter">
</form>

Активируем спиннер

function countSpinner(input){
  input.spinner({
    spin: function(event, ui){
      input.val(ui.value);
      input.change();
    }
  });
}
$(document).ready(function (){
  countSpinner($(".counter"));
});

Как сделать так, чтобы спиннер работал только для своего инпута. Догадываюсь, что дело в сериализации, но не силён в этом...

Answer 1

[Алексей Картушин]

Можно захватывать элементы так

$('[id ^= countfor-]');
$('input[name="count"');

Answer 2

[tokamame]

думаю делегирование событий должно вам помочь