Anexando una variable cambiante jquery - jquery, html

Cuando hago clic en un botón, lo hago para adjuntar el código html. Dentro de este código html quiero que tenga identificaciones dinámicas. Tengo una variable de conteo llamada id_count y lo puse a 1 diciendo var id_count = 1; y luego cuando se hace clic en el botón agrego uno a la id_count valor. Sin embargo, he intentado agregar esto en mi código adjunto pero solo toma el valor original de id_count. Por lo tanto, si hago clic en mi botón dos veces, aunque el recuento subirá a 3, la variable en mi declaración adjunta se mantiene en 1.

No sé por qué está sucediendo esto. He visto muchos otros mensajes pero ninguno de ellos parece ayudarme, por lo tanto, estoy escribiendo esto. Básicamente, quiero tener ID de Unqiue para todos mis elementos adjuntos, pero no estoy seguro de cómo. Lo siento es esta es una pregunta duplicada.

Aquí está mi código jquery:

$j = $.noConflict();
var id_count = 1;
var id_sub = 1;
var htmlcode = "<div class="fieldset" id="fieldset_"+id_count+""> <h2>Child Information</h2></div>";
$j(".btn-addchild").click(function(){
id_count++;
alert(id_count);
$j(".child-info-content").append(htmlcode);
});
$j(".child-info-content").on("click","#removechild",function() {
$j(this).parents(".fieldsetAdditional").slideUp("normal",function() {$j(this).parents(".fieldsetAdditional").remove();});
id_count = id_count - id_sub;
alert(id_count);
});

Respuestas

Mover definición de htmlcode en la función. Cuando lo coloque fuera de la función, no se ejecutará cada vez que ejecute la función de clic.

$j(".btn-addchild").click(function(){
alert(id_count);
var htmlcode = "<div class="fieldset" id="fieldset_" + id_count + ""> <h2>Child Information</h2></div>";
$j(".child-info-content").append(htmlcode);
id_count++;
});