[Павел Турченко]

Добрый день, на старнице есть инпут счетчик для интернет магазина (укажите количество товаров + и -)

HTML:

<div class="input-group spinner">
	<input type="text" class="form-control" value="1">
	<div class="input-group-btn-vertical">
		<button class="btn btn-default" type="button">+</button>
		<button class="btn btn-default" type="button">&ndash;</button>
	</div>
</div>

Его я реализовал вот таким Js:

$(document).ready(function ($) {
  $('.spinner .btn:first-of-type').on('click', function() {
    $('.spinner input').val( parseInt($('.spinner input').val(), 10) + 1);
  });
  $('.spinner .btn:last-of-type').on('click', function() {
    $('.spinner input').val( parseInt($('.spinner input').val(), 10) - 1);
  });
})

Но проблема в том, что этих счетчиков до 10-20 штук на странице, а когда кликаешь, то он изменяет значения во всех инпутах на странице, как-то можно сделать, что бы изменял, только в том инпуте, на котором клик происходит.(и желателно не через id, то можно с ума будет сойти)
Заранее спасибо!