Function not working inside prepend in Jquery
<p>Here is my HTML code:</p>

<pre><code>&lt;div id="playlist_item"&gt;
    &lt;ul class="link" id="link"&gt;
        &lt;div class="style"&gt;&lt;input type="checkbox" class="styled"&gt;
            &lt;div id="style"&gt;&lt;/div&gt;   
        &lt;/div&gt;
        &lt;li class="edit"&gt;http://carouselinfo.com/canal/&lt;/li&gt;
        &lt;span class="main edit"&gt;123&lt;/span&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>When I prepend ie add the ul element then my other jquery event for this element not working</p>

<p>Jquery code:</p>

<pre><code>$(function() {    
    $(".new").click(function(){
    $("#playlist_item").prepend("&lt;ul class='link' id='link'&gt;&lt;div class='style'&gt;&lt;input type='checkbox' class='styled'&gt;&lt;div id='style'&gt;&lt;/div&gt;&lt;/div&gt;&lt;li class='edit'&gt;Please edit this file&lt;/li&gt;&lt;span class='main edit'&gt;Write Duration&lt;/span&gt;&lt;/ul&gt;")
});
</code></pre>

<p>This code is not working for prepend elements </p>

<pre><code>$('.edit').editable();

$('input:checkbox').click(function () {
    var check_all = $("input[type='checkbox']");
    if ($(this).closest("ul").hasClass("change_link")) {
        $(this).closest("ul").removeClass("change_link");
    } else {
        $(this).closest("ul").addClass("change_link");
        $(".option").html("&lt;div id='icons'&gt;&lt;div class='add'&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id='icons'&gt;&lt;div class='delete'&gt;&lt;/div&gt;&lt;/div&gt;");
    }

    if (check_all.length == $("input[type='checkbox']").not(":checked").length) {
        $(".option").html("");
    }
});
</code></pre>

<p>Where I am wrong? Please help me out..</p>
