MS - #374

HTML

<link rel="stylesheet" href="http://erichynds.com/examples/jquery-ui-multiselect-widget/jquery.multiselect.css">
<link rel="stylesheet" href="http://erichynds.com/examples/jquery-ui-multiselect-widget/jquery.multiselect.filter.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/redmond/jquery-ui.css">
<script src="https://raw.github.com/ehynds/jquery-ui-multiselect-widget/1.12/src/jquery.multiselect.js"></script>
<script src="https://raw.github.com/ehynds/jquery-ui-multiselect-widget/master/src/jquery.multiselect.filter.js"></script>
<form>
    <select id="lor_group_menu" name="example-optgroup" multiple="single"
    size="3">
        <optgroup label="My Groups">
            <option value="option1">V&amp;VN</option>
            <option value="option2">Lorinthe Development</option>
            <option value="option3">Management</option>
        </optgroup>
        <optgroup label="Recommended Groups">
            <option value="option4">Reumatologie</option>
            <option value="option5">Oncologie</option>
            <option value="option6">Dermatology</option>
            <option value="option7">Pharmacy</option>
        </optgroup>
        <optgroup label="Populair groups">
            <option value="option8">Nurses Employment</option>
        </optgroup>
        <optgroup label="Other groups">
            <option value="option12">Option 8</option>
            <option value="option13">Option 9</option>
            <option value="option14">Option 10</option>
            <option value="option15">Option 11</option>
        </optgroup>
    </select>
</form>

JavaScript

$("#lor_group_menu").multiselect({
    multiple: true,
    noneSelectedText: "Select a Group"
}).multiselectfilter();