jQuery: выбрать текущее значение при нажатии на кнопку

День добрый! Есть вот такой шаблон который приходит аяксом при смене селекта

<table>
  <tr>
    <td>
      <div class="form-group">
        <div class="input-group">
          <input type="number" name="new_value[]" data-new-val class="form-control" data-id="{{ $current->id }}" data-type="{{ $current->type }}" />
          <div class="input-group-btn">
            <button type="button" class="btn btn-success" data-btn-new-val data-id="{{ $current->id }}"><i class="fa fa-plus"></i></button>
          </div>
        </div>
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div class="form-group">
        <div class="input-group">
          <input type="number" name="new_value[]" data-new-val class="form-control" data-id="{{ $current->id }}" data-type="{{ $current->type }}" />
          <div class="input-group-btn">
            <button type="button" class="btn btn-success" data-btn-new-val data-id="{{ $current->id }}"><i class="fa fa-plus"></i></button>
          </div>
        </div>
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div class="form-group">
        <div class="input-group">
          <input type="number" name="new_value[]" data-new-val class="form-control" data-id="{{ $current->id }}" data-type="{{ $current->type }}" />
          <div class="input-group-btn">
            <button type="button" class="btn btn-success" data-btn-new-val data-id="{{ $current->id }}"><i class="fa fa-plus"></i></button>
          </div>
        </div>
      </div>
    </td>
  </tr>
</table>

При нажатии на кнопку data-btn-new-val, надо получить значение которое введено в текстовое поле, которое находится рядом с этой кнопкой. Я получаю всегда значение из первого инпута, даже если нажал на кнопку для третьего инпута.

$(document).on('click','[data-btn-new-val]', function(e){
        e.preventDefault();
        var btnNewVal = $(this);
        var inputNewVal = $('[data-new-val]');
        var currentDataValue;
        inputNewVal.each(function(i,currentDataValue){
            console.log(currentDataValue);
            // Вот тут не могу получить значения из поля. Он выводит все значения.
            return currentDataValue;
        });
        $.ajax({
            url: "/api/v1/set-new-val",
            type: "post",
            dataType: "json",
            data: {
                id: currentDataValue.id,
                type: currentDataValue.type,
                val: currentDataValue.val
            },
            success: function(data)
            {
                console.log(data);
            }
        })
    });

Нашел один способ. Проверить в цикле. Но как вернуть массив потом, что бы отправить аяксом?

inputNewVal.each(function(currentDataValue){
            if($(this).data('id') == btnNewVal.data('id'))
            {
                currentDataValue = {
                    id: $(this).data('id'),
                    type: $(this).data('type'),
                    val: $(this).val()
                };
            }
            return currentDataValue;
        });
        console.log(currentDataValue); // тут пусто почему то