Autocomplete em Campos dinamico

[sacjamm]

Olá pessoal, estou precisando muito da ajuda de vocês, com um sistema de autocomplete e campos dinamicos,
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>


<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 disponivel para ajudar? Preciso que o autocomplete funcione em todos os campos