JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <input type="button" name="" value="Adicionar Produto" id="mais">
</form>
<div id="conteudo_engloba">
</div>

<div id="engloba-template">
    <div class="engloba">

        <div id="detalhes" style="display:block; ">
            <H2>Detalhes</H2>

            <span class="divInputs">
Produto <input type="text" autocomplete="off" id="produto" name="produto[]" placeholder="digite o nome do produto...">
<input type="hidden" id="id_prod">

	</span>
            <span class="resultado_prod"></span>

CSS

#conteudo_engloba div div {
    display: none;
}

.engloba {
    margin-top: 20px;
}

#engloba-template {
    display: none;
}

JavaScript

// Codigo Clone
$(document).ready(function() {
    clonar();
    $("#mais").on("click", clonar);
});

function clonar() {
    var linha = $("#engloba-template > .engloba").clone();
    $("#conteudo_engloba").append(linha);
};
//Codigo AJAX Busca

//INICIO BUSCA PRODUTO
//===================================================

$("#resultado_prod").hide();
$('#engloba-template, #conteudo_engloba').on('keyup', 'input[name="produto[]"]', function() {
    var queryProd = $(this).val();
    if ($("#produto").val().length > 2) {
        //nova para aparecer adicionar novo
        $("#resultado_prod").show(); //
        $("#resultado_prod").html("<br><span class='naoEncontrado'>Não encontrado.</span><br><br><span><a onClick='novoProd(1);'>(+) Cadastrar Novo </a></span>");
        document.getElementById("resultado_prod").style = "height:auto;  margin-top:45px; width:330;";
        $.ajax({
            type: "POST",
            url: "ajax_busca_produto.php",
            data: {
                q: queryProd
            },
            dataType: "json",
            success: function(json) {
                var options = "";
                $.each(json, function(key, value) {
                    options += "<a class='resultado_json' alt='" + value + "' href='#' id='" + key + "'>" + value + "</a><br/>";
                });
                $("#resultado_prod").show();
                $("#resultado_prod").html("<br>" + options + "<br><span><a onClick='novoProd(1);'>(+) Cadastrar Novo</a></span>");

                $(".resultado_json").click(function() {
                    var id_prod = $(this).attr('id');
                    var nome_prod = $(this).attr('alt');
                    $("#id_prod").val(id_prod);
                    $("#produto").val(nome_prod);
                    $("#resultado_prod").hide();
                    $("#resultado_prod").html('');
                });
            }
        });
    } else {
        $("#resultado_prod").hide();
       ...