Jquery toggle won't work after cloning
<p>I have cloned a list item using .clone in Jquery:</p>

<pre><code> $("#coll-selected-list li:contains(" + itemName + ")").clone().addClass("avgli").appendTo("#coll-grouped-list");
</code></pre>

<p>However, when I wish to toggle the newly added list item, it won't work for some reason. Any ideas?:</p>

<pre><code>$(document).ready(function () {
    $(".avgli").toggle(function () {
        if ($(this).parent().hasClass('agg-drop')) {
            $(this).css("background", "#fff");
        }
    }, function () {
        if ($(this).parent().hasClass('agg-drop')) {
            $(this).css("background", "#676767");
        }
    }););

&lt;ul id="coll-grouped-list" class="agg-drop"&gt;
       &lt;li class="sortedli avgli" style=""&gt;Blah Blah&lt;/li&gt;
       &lt;li class="sortedli avgli" style=""&gt;Blah&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
