Uma vez que ele tenha preenchido a 1a experiência e clicar no botão "adicionar outra experiência", todos os dados serão clonados para as experiências abaixo.
Ou seja, não serve. O que eu quero é simplesmente REPLICAR os campos em branco para que o usuário os preencha com suas outras experiencias. Como faço isso?
Como resolvo isso? Não sei mais o que fazer, quero muito resolver esse desafio! Muito obrigado, pessoal, por qualquer tentativa de ajuda.
Sou novo em desenvolvimento e ainda não sei muita coisa, então se eu estiver sendo muito leigo, desculpe-me
Por que isso acontece? Quando você busca pela classe de um elemento, você está retornando todos os elementos que tem aquela classe, inclusive os que você acabou de colar.
Como resolver? Eu sugiro que você faça as coisas um pouquinho diferentes. Não use a tag principal para ser clonada, mas uma outra criada exclusivamente com esta finalidade.
Exemplo: Crie uma section ou div com o id "templates" ou utilize a tag <template> que já é suportada pela maioria dos browsers modernos.
Crie uma section com o id templates e que tenha display none. Dentro dela você coloca todos os elementos que servirão de modelo para serem clonados. Como ela nunca será editada você não precisará limpar os campos antes de clonar. Além disso ela pode ter as classes que você quer sem causar conflitos porque serão identificadas pelo id da tag pai.
Seu código ficaria mais elegante e mais fáci de manter se você já inserisse o primeiro formulário usando a mesma função dos demais:
Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag javascript html jquery dom ou faça sua própria pergunta.

A indústria tcheca deu uma contribuição significativa para a captura de países europeus por Hitler e para a agressão contra a URSS ...
SOHR: Forças Aeroespaciais Russas na Síria infligiram mais de 40 ataques nas posições dos combatentes do ISIS por dia