Tenho um elemento HTML e esse elemento tem uma interação com o JavaScript, mas apôs realizar uma determinada tarefa esse elemento é totalmente reescrito e com isso a minha instancia para de funcionar. Eu não faria desse jeito, mas o problema é que o sistema é assim e eu não tenho permissão para alterá-lo, então preciso me virar e fazer essa instancia voltar a funcionar mesmo depois da reescrita. Não sei se existe uma solução para esse tipo de problema, mas preciso me virar e conseguir um jeito. Não é esse o problema, mas fiz um pequeno exemplo para que entendam melhor o meu problema:
$(function(){
$("button").on("click", function(){
alert("Sobrescreveu botão e agora o alert não irá mais funcionar");
$(".conteudo").html("<button>Altera conteúdo</button>");
})
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="conteudo">
<button>Altera conteúdo</button>
</div>