#143. #183, #89, #78. But not perfect. Select all option needs to be updated...

#143. #183, #89, #78. But not perfect. Select all option needs to be updated depending on the filter.

index.html

@@ -178,11 +178,16 @@
 
 			        $('#example28').multiselect({
 			        	includeSelectAllOption: true,
-			        	enableFiltering: 1,
+			        	enableFiltering: true,
 			        	maxHeight: 150
 			        });
                     
                     $('#example32').multiselect();
+                    
+                    $('#example39').multiselect({
+                        includeSelectAllOption: true,
+			        	enableCaseInsensitiveFiltering: true
+                    });
 			    });
 			</script>
 			<p>
@@ -493,6 +498,30 @@
 						The button will keep the <code>tabindex</code> of the select.
 					</td>
 				</tr>
+                <tr>
+					<td>
+						<select id="example39" multiple="multiple">
+							<option value="lab">Lab Course</option>
+							<option value="proseminar">Proseminar</option>
+							<optgroup label="Mathematics">
+								<option value="analysis">Analysis</option>
+								<option value="algebra">Linear Algebra</option>
+								<option value="discrete">Discrete Mathematics</option>
+								<option value="numerical">Numerical Analysis</option>
+								<option value="probability">Probability Theory</option>
+							</optgroup>
+							<optgroup label="Computer Science">
+								<option value="programming">Introduction to Programming</option>
+								<option value="automata">Automata Theory</option>
+								<option value="complexity">Complexity Theory</option>
+								<option value="software">Software Engineering</option>
+							</optgroup>
+						</select>
+					</td>
+					<td>
+						Using <code>optgroups</code>s with filtering and the select all option.
+					</td>
+				</tr>
 			</table>
 
             <div class="page-header">
@@ -939,7 +968,7 @@
 			<table class="table table-striped">
 				<tbody>
 					<tr>
-						<td>
+						<td width="50%">
                             <p><code>.multiselect('destroy')</code></p>
                             <p>
                                 This method is used to destroy the plugin on the given element - meaning unbinding the plugin.