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();

	$("#produto").keyup(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();

		  $("#resultado_prod").html('');

		  $("#id_prod").val(0);

		  }	   

		});
//======================================================
//FIM BUSCA PRODUTO