Clonar uma div que ja clona

[fernando56736454563 0]

cloneform = $('#dadosbanco').html();
		$(document).on('click','.remDiv, .addDiv', function(e){
			thisClass = e.target.className;
			thisClass == 'remDiv' ?
			($('.'+thisClass).length > 1 ?
				$(this).closest('.remove').prev().add($(this).closest('.remove')).remove() : 0) :
			$('#dadosbanco').append(cloneform);
		});



		var counter = 1;

function addInput(divName, template) {
    if (counter == 5) {
        document.getElementById("add_more_text").remove();
    } else {
        var newdiv = document.createElement('div');
        newdiv.innerHTML = document.getElementById(divName).innerHTML;
        newdiv.className = 'added';
        document.getElementById(template).appendChild(newdiv);
        counter++;
    }

    var selectElements = document.querySelectorAll('select');
    for (var i = 0; i < selectElements.length; i++) {
        selectElements[i].id = 'id-' + i;
        selectElements[i].name = 'category' + i;
    }
}

function removeInput(obj) {
    if (obj.parentNode.className == 'added') {
        obj.parentNode.parentNode.removeChild(obj.parentNode);
        counter--;
    }
}

										<input type="button" value="Adicionar Componente" class="addDiv"/>
										<div id="dadosbanco">
											<div class="remove">
												<div id="template">
												   <input type="text" name="">
												    <a href="javascript:void(0)" onClick="removeInput(this);">x</a>	
												</div>
												<div id="add_more"></div>
												<a href="javascript:void(0)" onClick="addInput('template', 'add_more');" id="add_more_text">+ Add more</a>
									
											</div>
											<div class="remove">
												<input type="button" value="Remover Componente" class="remDiv" />
											</div>
										</div>

Sempre que faço a clonagem da div id dadosbanco, quando clico para clonar a div de id template ele aparece na minha clonagem original da primeira div de id template