Как получить optgroup для множественного выбора в jQuery?

Я использую множественный выбор с параметрами сгруппированы вместе.

<select title="Fruits" multiple="multiple" id="fruits" name="fruits[]">
    <option selected="selected" label="All" value="">All</option>
    <optgroup label="" class="fruit">
        <option label="apple" value="1">Apple</option>
        <option label="pear" value="2">Pear</option>
        <option label="orange" value="3">Orange</option>
    </optgroup>
    <optgroup label="" class="berries">
        <option label="strawberry" value="4">Strawberry</option>
        <option label="raspberry" value="5">Raspberry</option>
        <option label="blueberry" value="6">Blueberry</option>
    </optgroup>
</select>

Я пробовал $ (this) .find ("option: selected"). parent (). attr ("label") , который возвращает только optgroup первого выбранного параметра , что означает, что если выбраны и Strawberry, и Pear, optgroup '.fruit' будет возвращен в обоих аккаунтах.

Как мне получить optgroup для каждой выбранной опции с помощью jQuery?