Как добавить опцию с помощью optgroup с помощью jquery?

Question

Я создал код для добавления и удаления из вариантов выберите boxs.Its работает нормально, но я хочу, чтобы добавить вариант с его OPTGROUP текста и удалить с его optgroup.Here моей скрипкой http://jsfiddle.net/Manivasagam/8ybf7nke/22/

моего JSP:

<div> 
<select name="SelectFeatures" id="SelectFeatures" multiple="multiple" 
    style="height: 315px;width:200px" onchange="Move()"> 
    <option>Lesson</option> 
    <option value="about myself">about myself</option> 
    <option>about yourself</option> 
    <option>Game</option> 
    <option>about me game</option> 
    <option>Worksheet</option> 
    <option>content</option> 
    <option>content2</option> 
</select> 
<select name="SelectedFeatures" id="SelectedFeatures" multiple="multiple" 
    style="height: 315px;width:200px" onchange="Move()"> 

</select> 
</div> 

Я создаю OPTGROUP динамически с помощью кода ниже,

вар $ варианты = $ ('# SelectFeatures опция');

var $group = null; 
$options.each(function(){ 
    var $option = $(this); 
    var text = $option.text(); 
    if (text === 'Lesson' || text === 'Game' || text == 'Worksheet') 
    { 
     $group = $('<optgroup label="' + text + '"/>'); 
     $option.replaceWith($group); 
    } 
    else 
    { 
     $group.append($option); 
    } 
}); 

Кто-нибудь подскажет, как добавить и удалить с помощью optgroup?