Dynamically append script tag inside dynamic div tag

Question

How to dynamically append script tag to dynamically genarated div?

Eg:

<div class="test abc">

    abc

</div>

My code:

var count = 0;
$("div.test abc").append("<div id=" + "check" + count + ">"
                    +"<script type = 'text/javascript'>"
                    + "thirdpartyfunction(function(){});"
                    + "</script>"
                    + "</div>");

count++;

The above code just appends <div id="check0"> </div>

It does not append the script tag and anything thats inside it.

Answer 1

You are missing a "

var count = 0;

$("div.test abc").append("<div id=" + "check" + count + ">"
                    +"<script type = 'text/javascript'>"
                    + "thirdpartyfunction(function(){});" ==> here                   + "</script>"
                    + "</div>");

count++;
}

Answer 2

You need to modify your class selector and escape your ending script tag:

$("div.test.abc")
<\/script>

fiddle