Replicar uma div com abas

function _addTopico() {

	var numItem  = j$('.abaPrincipal').length;
	
	alert(numItem);

	/*
	
			<div id="abas"  style="overflow-y: scroll; heigth: 100%;">


			<ul id="abasInternas">
				<li class="selecionada"><a id="aba_LinkseAnexos"
					href="#abaLinkseAnexos">Links e Anexos</a></li>
				<li><a id="aba_Observacao" href="#abaObservacao">Observação</a></li>
				<li><a id="aba_Descricao" href="#abaDescricao">Descrição</a></li>
			</ul>

			</div>
	
	*/
	
	var input = '<div id="abas['+numItem+']name" class="abaPrincipal ui-tabs ui-widget ui-widget-content ui-corner-all"  style="overflow-y: scroll; heigth: 100%;">';
	input += '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" id="abasInternas['+numItem+']name">';
	input += '<li class="selecionada ui-state-default ui-corner-top"><a id="aba_LinkseAnexos['+numItem+']name"';
    input += 'href="#abaLinkseAnexos['+numItem+']name">Links e Anexos</a></li>';
	input += '<li class="ui-state-default ui-corner-top"><a id="aba_Observacao['+numItem+']name" href="#abaObservacao['+numItem+']name">Observação</a></li>';
	input += '<li class="ui-state-default ui-corner-top"><a id="aba_Descricao['+numItem+']name" href="#abaDescricao['+numItem+']name">Descrição</a></li>';
	input += '</ul>';
	input += '<div id="conteudos['+numItem+']name">';
	input += '<div id="abaLinkseAnexos['+numItem+']name" class="conteudo visivel ui-tabs-panel ui-widget-content ui-corner-bottom">';
	input += '<iframe src="sugestaoConhecimento.do?metodo=frameLinkseAnexos"';
	input += 'marginheight="0" scrolling="no" marginwidth="0" align="middle"';
	input += 'frameborder="0" width="100%" height="200px"';
	input += 'id="=frameLinksEAnexos"> </iframe>';
	input += '</div>';
	input += '<div id="abaObservacao['+numItem+']name" class="conteudo ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">';
	input += '<div style="height: 171px;">';
	input += 'Descrição da Observação:<br>';
	input += '<textarea name="dsObservacaoSugestao['+numItem+']name" id="dsObservacaoSugestao['+numItem+']name" style="width: 100%; height: 85px;"></textarea>';
	input += '<tr>';
	input += '<td>';
	input += '<div class="classeBotoes">';
	input += '<html:link href="" style="height:24px">Gravar</html:link>';
	input += '</div>';
	input += '</td>';
	input += '</tr>';
	input += '</div>';
	input += '</div>';
	input += '<div id="abaDescricao['+numItem+']name" class="conteudo ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">';
	input += '<table border="0" cellpadding="2" cellspacing="0" width="100%">';
	input += '<tr>';
	input += '<td><textarea name="editorCK['+numItem+']name" id="editorCK['+numItem+']name" height="174px"width="100%"></textarea></td></tr></table>';
	input += '<div class="classeBotoes" align="right">';
	input += '<input type="button" style="width: 100px;" id="excluirTopico['+numItem+']name" onclick=""';
       input += 'class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary"';
       input += 'value="Excluir Tópico" /> <input type="button"';
       input += 'style="width: 80px;" id="gravarTopico" onclick=""';
       input += 'class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary"';
       input += 'value="Gravar" />';
	input += '</div>';
	input += '<tr>';
	input += '<div id="adicionarRemoverContainer['+numItem+']name"';
       input += 'style="margin-left: 1107px; height: 51px; width: 218px; margin-top: 6px;">';
	input += '<td><div style="margin-left: -1112px; width: 363px; margin-bottom: -14px;">';
	input += '<input name="notificar['+numItem+']name" value="" id="notificar['+numItem+']name"';
       input += 'style="width: 20px;" type="checkbox">Notificar Encaminhamento/Devolução por e-mail </div></td>';
	input += '<td>Adicionar/Remover Tópico <span id="adicionarRemoverTopico['+numItem+']name">';
	input += '<img src="${pageContext.request.contextPath}/img/plus.png"';
	input += 'onclick="javascript: _addTopico()"';
	input += 'style="width: 15px; heigth: 15px; margin: 0" /> ';
	input += '<img src="${pageContext.request.contextPath}/img/minus.png"';
       input += 'id="minus" style="width: 15px; heigth: 15px; margin: 0" /> <br>';
	input += '</span>';
	input += '</td>';
	input += '</div>';
	input += '<div style="margin-top: -20px; padding-right: 1px;"';
       input += 'class="classeBotoes" align="right">';
	input += '<html:link action="login.do?metodo=direcionarMenu">Voltar</html:link>';
	input += '<input type="button" style="width: 80px;" id="botaoCadastro['+numItem+']name" onclick=""';
       input += 'class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" value="Cadastrar" /> ';
	input += '<html:link action="login.do?metodo=direcionarMenu">Menu</html:link>';
	input += '</div>';
	input += '</tr>';
	input += '</div>';
	input += '</div>';
	alert(input);
	j$("#replica").append(input).css({
		display : 'block',
		visible : 'visible'
	});
	
	CKEDITOR.replace('editorCK['+numItem+']name', {
		width : '99%',
		height : 120
	});
   return false;

}

Boa Noite , ao tentar efetuar essa função que replica toda a minha div com tabs, eu não consigio apartir da replicação efetuada trocas as abas , efetuar a dinâmica das abas, que ao efetuar um clique simples apareça todo o conteúdo da aba selecionada, o problema é que eu consigo apartir de uma função javascript select mudar abas na div original , mas na réplica não .
Alguém pode me ajudar ???

Boa Tarde, consegui resolver identificando o problema nos identificadores(ID´s), que estava apresentando o erro em console de navegador. Criei então varáveis e concatenando para esses id,s que resolveu então o meu problema.

Parte de código:

            aba= "abasTopico"+numItem;
	subAbaLink = "subAbaLink"+numItem;
	subAbaObservacao = "subAbaObservacao"+numItem;
	subAbaDescricao = "subAbaDescricao"+numItem;

	subAbaLinkT = "#subAbaLink"+numItem;
	subAbaObservacaoT = "#subAbaObservacao"+numItem;
	subAbaDescricaoT = "#subAbaDescricao"+numItem;
		

	var input = '<br/> <br/>  <div id="'+aba+'" class="abaPrincipal"  style="overflow-y: scroll; heigth: 100%;">';
	input += '<ul id="abasInternas['+numItem+']name">';
	input += '<li ><a id="aba_LinkseAnexos['+numItem+']name"';
    input += 'href="'+subAbaLinkT+'">Links e Anexos</a></li>';
	input += '<li><a id="aba_Observacao['+numItem+']name"