javascript - jquery added html code not worked -

i started new project , use jquery add content article

when create slider code:

$(".inserttabtext1").click(function () {     var count = parseint($(".firsttabtextcount").attr("name"), 10);     var name = parseint($(this).attr("name"));     var id = "#" + name;     var idi,idt,content,idic,idtc;     content = "<div class='short-tabs'><ul>";     (var = 1; <= count; i++)     {         idi = "#ftti" + i;         idic = $(idi).val();         if (i == 1)          {             content += "<li class='active'><a href='#'> " + + idic + "</a></li>";         }         else         {             content += "<li><a href='#'> "+ + idic +"</a></li>";         }     }     content += "</ul>";     (var = 1; <= count; i++)      {         if (i==1)          {             content += "<div class='active'>";         }         else         {             content += "<div>";         }         idt = "#fttt" +i;         idtc = $(idt).val();         content += "<p class='text-go-center'>"+idtc+"</p></div>";     }     content += "</div>";     $(id).html(content); }); 

and put them html code text slider not worked

but when put manual html code in page work

i use these code copy html code

$(id).html(content); $(id).append(content); 

where wrong?

create function , put slider codes inside it, call in $(document).ready, , call again after adding html

$(document).ready(function(){     init(); });  function init(){     //call slide function here } 

call init after adding html

$(id).html(content); $(id).append(content); init();