How to delete the whole li element containing selectbox using Jquery?
<p>I am trying to delete my dynamic selectbox if user choose to click on Delete (next to the selectbox). But I can't figure out how to impose the delete.</p>

<p>This is my code so far:</p>

<pre><code>$(function() {
// set the array
var fruit = new Array("Apple", "Orange", "Pear", "Banana");
var id = 0;

function addFruit() {
    $.each(fruit, function(key, value) {   
        $('#fruit')
        .append($('&lt;option&gt;', { value : key })
        .text(value)); 
    });
}

var i = $("li").size() + 1;
$("a#addmore").click(function() {
$("#addmore_row").append('&lt;li&gt;' +
'&lt;select name="fruit[]" id="fruit_'+ id +'"&gt;' +
'&lt;option value=""&gt;Select Fruit:&lt;/option&gt;' +
'&lt;/select&gt;' + '&lt;a href="#" id="del_'+id+'"&gt;Delete Row&lt;/a&gt;' +
'&lt;/li&gt;');
addFruit();
id++;
return false;
});

});
</code></pre>

<p>Correct me if I am wrong, I think it's something like this. But I can't figure out what to put for [item]. Can please advise?</p>

<pre><code>$([item]).click(function() {
$([item]).remove();
return false;
});
</code></pre>

<p>Thank you very much.</p>
