Jquery remove item from dropped list
<p>I have two list one contains strengh and another has opportunity, i drag and drop item from strength to opportunity, now i wanted to remove the dropped item from the list, but its not removing item from the list, instead its getting removed from the orginal list, can someone help me how to remove the dropped item from list, here is my code</p>

<pre><code>&lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" 
    rel="stylesheet" type="text/css" /&gt; 
&lt;script src="js/jquery.min.js"&gt;&lt;/script&gt; 
&lt;script src="js/jquery-ui.js"&gt;&lt;/script&gt; 




&lt;style&gt;
#strength, #opportunity { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; }
#strength li, #opportunity li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; }
&lt;/style&gt;


&lt;script&gt;
$(function() {

    //$("#opportunity li").bind('click', fn);


     var fn = function(event, ui) {
             var self = $(this);
             var itemID = ui.draggable.attr("id");

            if(itemID &gt; 0){
                 //$("#strength li").append($(ui.draggable[2]).removeAttr("style"));
                 //alert(document.getElementById(itemID).innerHTML);
                 var itemval;
                 $("#" + itemID).remove();

                 //document.getElementById(itemID).style.display='none';
                //alert(self.id);
            }
        };


    $( "#opportunity" ).sortable({
        revert: false
    });


    $( "#strength li" ).draggable({
        connectToSortable: "#opportunity",
        helper: "clone",
        revert: "invalid"
    });

    $("#strength li").droppable({ drop: fn });

    $( "ul, li" ).disableSelection();

});


&lt;/script&gt;




&lt;div class="demo"&gt;

&lt;ul id="strength"&gt;
    &lt;li id="1" class="ui-state-highlight"&gt;Strength 1&lt;/li&gt;
    &lt;li id="2" class="ui-state-highlight"&gt;Strength 2&lt;/li&gt;
    &lt;li id="3" class="ui-state-highlight"&gt;Strength 3&lt;/li&gt;
    &lt;li id="4" class="ui-state-highlight"&gt;Strength 4&lt;/li&gt;
&lt;/ul&gt;

&lt;ul id="opportunity"&gt;
    &lt;li id="0" class="ui-state-default"&gt;Opportunity 1&lt;/li&gt;
    &lt;li id="0" class="ui-state-default"&gt;Opportunity 2&lt;/li&gt;
    &lt;li id="0" class="ui-state-default"&gt;Opportunity 3&lt;/li&gt;
    &lt;li id="0" class="ui-state-default"&gt;Opportunity 4&lt;/li&gt;
    &lt;li id="0" class="ui-state-default"&gt;Opportunity 5&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;&lt;!-- End demo --&gt;
</code></pre>
