Estou fazendo uma tabela que é alimentada dinamicamente com valores do banco de dados. Nessa tabela criada coloquei um campo para inserir a "quantidade" e um botão desabilitado por uma classe. Eu quero habilitar o botão assim que o usuário inserir um valor no input "quantidade", mas da forma que eu tentei fazer com jquery não deu certo, só funciona nos elementos da primeira linha (produto), nos restantes não desabilita o botão.
<tbody>
@foreach ($produtos as $produto)
<tr>
<td>{{ $produto->codigo }}</td>
<td>{{ $produto->produto }}</td>
<td>{{ $produto->unidade_medida_peso }}</td>
<td>
<input type="text" id="inputQuantidade">
</td>
<td>
<a href="#" class="btn disabled" name="addproduto" id="addproduto">
</a>
</td>
</tr>
@endforeach
</tbody>
E o que eu tentei fazer no jquery:
$( "#inputQuantidade" ).keyup(function() {
$(this).closest('tr').find('#addproduto').removeClass("disabled");
});