Vários forms na mesma página.

Bom dia,

Tenho uma página onde carrego vários itens, cada item gera um form dinamicamente, com os inputs e um submit em cada form exemplo:
...
while ($dados = mysqli_fetch_array($query)) {
$idItem = $dados['idItem'];
$descProduto = $dados['descItem'];
$unidadeProduto = $dados['unidadeSigla'];
$precoProduto = $dados['valorItem'];
$imagemProduto = $dados['imagemItem'];
?>
<li>
<form id="formItem">
<img src="<?= '../'.$imagemProduto; ?>"><br>
<input type="text" id="idProduto" name="idProd" readonly="readonly" value="<?= $idItem; ?>">
<input type="text" id="descProduto" name="descProd" value="<?= $descProduto; ?>">
<input type="text" id="undProduto" name="undProd" value="<?= $unidadeProduto; ?>"><br>
<input type="text" id="precoProduto" name="precoProd" value="<?= $precoProduto; ?>"><br>
<input type="number" id="qtdeCompra" name="qtdeProd" min="1" value="1">
<input type="submit" value="Comprar">
<hr>
</form>
...

Não coloquei o action porque estou usando AJAX, para não recarregar a página:
...
$('#formItem').submit(function(e){
e.preventDefault();

var idProduto = $('#idProduto').val();
var precoProduto = $('#precoProduto').val();
var qtdeCompra = $('#qtdeCompra').val();

$.ajax({
url: 'http://localhost/fcgeti_bairrojuventude/produto/inserir.php',
method: 'POST',
data: {idProd: idProduto, precoProd: precoProduto, qtdeProd: qtdeCompra},
dataType: 'json'
});
...

Qual minha dificuldade?
O submit só funciona no primeiro form. Sei que todos os forms tem o mesmo id, mas tentei passar pelo método literals (`#formItem-{$idItem}`), mas não deu certo.

Alguém tem uma dica que possa me ajudar?

Obrigado!