[kolobku_xxx]

Добрый день!
Алерт сообщает, что значение сменилось в соседнем элементе, а на странице как был 0 в поле, так и остается. Помогите пожалуйста

<table>
<tr>
 <td class="item_count"><input type="button" value="+" class="plus" />
 <input type="text" id="item1" value="0"/>
 <input type="button" value="-" class="minus" />
</td>
 </tr>
 <tr>
 <td class="item_count"><input type="button" value="+" class="plus" />
 <input type="text" id="item1" value="0"/>
 <input type="button" value="-" class="minus" />
 </td>
 </tr>
 </table>

(function () {
    var inputs = document.querySelectorAll("input.plus");  /*взяли все инпуты с классом plus*/
    var handler = function() {
        var index = this.getAttribute('data-index');    /*записали в переменную индекс элемента массива*/
        alert(index);
       /* var next_elem = inputs[index].nextSibling;*/
        inputs[index].nextSibling.value = 1;
        alert( inputs[index].nextSibling.value);
    }
    for (var i = 0; i < inputs.length; i++) {        /*каждому элементу массива повешали обработчик*/
        inputs[i].setAttribute('data-index', i);     
        inputs[i].onclick = handler;
    }
  }());
  (function () {
    var inputs = document.querySelectorAll("input.minus");
    var handler = function() {
        var index = this.getAttribute('data-index');
        alert(index);
    }
    for (var i = 0; i < inputs.length; i++) {
        inputs[i].setAttribute('data-index', i);
        inputs[i].onclick = handler;
    }
  }());