jquery remove element and also list selection
<p>I have a select list that when the user selects an item it builds an <code>li</code> element on the fly, when the users clicks the <code>li</code> element, the <code>li</code> is removed. Below is the code that I currently have,</p>

<p>The below adds the li on select of an option</p>

<p><code>$('#sectors').change(function(e){<br>
    $('#selected_sectors').empty();<br>
    $(this).find(':selected').each(function(i,e<br>
         {$('#selected_sectors').append($('&lt;li&gt;').text($(e).val()));
            });
        });</code></p>

<p>The below removes the generated li </p>

<p><code>$('ul#selected_sectors li').live('click', function(){
        $(this).fadeOut('slow').remove();
        $('#selected_sectors').val($(this).text()).attr('selected', false);
    });</code></p>

<p>What I am wanting is when an <code>li</code> is removed the select option with the same value as the li's text is also unselected?</p>
