Estou com um sistema de autocomplete e campos dinâmicos, meu autocomplete não funciona a partir do segundo campo dinâmico nem eu deixando de utilizar as tags id e substituindo por classes, vejam por favor:
<script>
jQuery(document).ready(function () {
jQuery('.produto').autocomplete("<?= $base ?>/scripts/funcoes_produto_nfe.php", {
matchContains: true,
selectFirst: false
});
var campos_max = 20; //max de 10 campos
var x = 1; // campos iniciais
jQuery('#add_field').click(function (e) {
e.preventDefault(); //prevenir novos clicks
if (x < campos_max) {
jQuery('#listas').append('<div>\<div class="row"><div class="col-md-6 form-group">\<label class="control-label" for="te">Produto/ Serviço (*)</label><br>\
<input type="text" name="item_nfe_produto_id[]" class="form-control produto" id="produto" required="">\</div>\<div class="col-md-4 form-group"><label class="control-label" for="r">Quantidade</label><br>\
<input type="number" min="0" name="item_nfe_quantidade[]" class="form-control" id="qtd" value="1">\
</div><a href="#" class="remover_campo btn btn-danger">Remover</a>\</div>\
</div>');
x++;
}
});
// Remover o div anterior
jQuery('#listas').on("click", ".remover_campo", function (e) {
e.preventDefault();
jQuery(this).parent('div').remove();
x--;
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="listas" class="panel-body">
<div class="row">
<div class="col-md-6 form-group">
<label class="control-label" for="produto"><span class="add-on">Produto/ Serviço (*)</span></label><br>
<input type="text" name="item_nfe_produto_id[]" class="form-control produto" id="" required="">
</div>
<div class="col-md-4 form-group">
<label for="qtd" class="control-label">Quantidade</label>
<div class="input-group input-group-sm">
<input type="number" min="0" name="item_nfe_quantidade[]" class="form-control" id="qtd" value="1">
<span class="input-group-btn">
<button type="submit" class="btn btn-primary btn-flat" id="add_field"><i class="fa fa-plus"></i> Add produto e quantidade</button>
</span>
</div>
</div>
</div>
</div>
Preciso fazer funcionar utilizando este código, alguém disponível para ajudar? Preciso que o autocomplete funcione em todos os campos.