diff --git a/dist/css/bootstrap-multiselect.css b/dist/css/bootstrap-multiselect.css
index 6a6b68a2..6283cb97 100644
--- a/dist/css/bootstrap-multiselect.css
+++ b/dist/css/bootstrap-multiselect.css
@@ -1 +1 @@
-span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container .multiselect-reset .input-group{width:93%}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.checkbox,.multiselect-container>li>a>label.radio{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
\ No newline at end of file
+span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container .multiselect-reset .input-group{width:93%}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;width:100%;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>div>label{margin:0;width:100%;height:100%;cursor:pointer;font-weight:400}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container li a label.checkbox input[type="checkbox"],.form-inline .multiselect-container li a label.radio input[type="radio"]{margin-left:-20px;margin-right:0}.multiselect-filter{padding-right:1rem} .optgroup-container{display:inline-flex;}
\ No newline at end of file
diff --git a/dist/js/bootstrap-multiselect.js b/dist/js/bootstrap-multiselect.js
index 2a028b77..f38a6b4e 100644
--- a/dist/js/bootstrap-multiselect.js
+++ b/dist/js/bootstrap-multiselect.js
@@ -250,8 +250,7 @@
              */
             buttonText: function(options, select) {
                 if (this.disabledText.length > 0
-                        && (select.prop('disabled') || (options.length == 0 && this.disableIfEmpty)))  {
-
+                        && (select.prop('disabled') || (select.children().length === 0 && this.disableIfEmpty))) {
                     return this.disabledText;
                 }
                 else if (options.length === 0) {
@@ -269,7 +268,7 @@
                         return this.allSelectedText;
                     }
                 }
-                else if (this.numberDisplayed != 0 && options.length > this.numberDisplayed) {
+                else if (this.numberDisplayed != -1 && options.length > this.numberDisplayed) {
                     return options.length + ' ' + this.nSelectedText;
                 }
                 else {
@@ -400,10 +399,10 @@
 
             },
             enableHTML: false,
-            buttonClass: 'btn btn-default',
+            buttonClass: 'btn btn-secondary',
             inheritClass: false,
             buttonWidth: 'auto',
-            buttonContainer: '<div class="btn-group" />',
+            buttonContainer: '<div class="btn-group" role="group" />',
             dropRight: false,
             dropUp: false,
             selectedClass: 'active',
@@ -439,14 +438,14 @@
             includeResetDivider: false,
             resetText: 'Reset',
             templates: {
-                button: '<button type="button" class="multiselect dropdown-toggle" data-toggle="dropdown"><span class="multiselect-selected-text"></span> <b class="caret"></b></button>',
+                button: '<button type="button" class="multiselect dropdown-toggle" data-toggle="dropdown"><span class="multiselect-selected-text"></span></button>',
                 ul: '<ul class="multiselect-container dropdown-menu"></ul>',
-                filter: '<li class="multiselect-item multiselect-filter"><div class="input-group"><span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span><input class="form-control multiselect-search" type="text" /></div></li>',
-                filterClearBtn: '<span class="input-group-btn"><button class="btn btn-default multiselect-clear-filter" type="button"><i class="glyphicon glyphicon-remove-circle"></i></button></span>',
-                li: '<li><a tabindex="0"><label></label></a></li>',
-                divider: '<li class="multiselect-item divider"></li>',
-                liGroup: '<li class="multiselect-item multiselect-group"><label></label></li>',
-                resetButton: '<li class="multiselect-reset text-center"><div class="input-group"><a class="btn btn-default btn-block"></a></div></li>'
+                filter: '<li class="multiselect-item multiselect-filter"><div class="input-group mx-2 mb-2"><div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-search"></i></span></div><input class="form-control multiselect-search" type="text" /></div></li>',
+                filterClearBtn: '<div class="input-group-append"><button class="btn btn-secondary multiselect-clear-filter" type="button"><i class="fa fa-times-circle"></i></button></div>',
+                li: '<li class="dropdown-item"><div class="form-check" tabindex="0"><label></label></div></li>',
+                divider: '<li class="dropdown-item multiselect-item dropdown-divider"></li>',
+                liGroup: '<li class="dropdown-item multiselect-item multiselect-group"><label></label></li>',
+                resetButton: '<li class="multiselect-reset text-center"><div class="input-group mx-2"><button type="button" class="btn btn-sm btn-outline-secondary btn-block"></button></div></li>'
             }
         },
 
@@ -509,7 +508,7 @@
             this.$ul = $(this.options.templates.ul);
 
             if (this.options.dropRight) {
-                this.$ul.addClass('pull-right');
+                this.$ul.addClass('float-right');
             }
 
             // Set max height of dropdown menu to activate auto scrollbar.
@@ -535,6 +534,13 @@
                 });
             }
 
+            if (this.options.multiple) {
+                // Prevent the dropdown from closing after each click
+                this.$ul.on("click", function(e) {
+                    e.stopPropagation();
+                });
+            }
+
             this.$container.append(this.$ul);
         },
 
@@ -625,9 +631,6 @@
 
                             $($checkboxesNotThis).prop('checked', false);
                             $optionsNotThis.prop('selected', false);
-
-                            // It's a single selection, so close.
-                            this.$button.click();
                         }
 
                         if (this.options.selectedClass === "active") {
@@ -739,7 +742,7 @@
                     }
 
                     var index = $items.index($items.filter(':focus'));
-                    
+
                     // Navigation up.
                     if (event.keyCode === 38 && index > 0) {
                         index--;
@@ -826,7 +829,7 @@
             }
 
             if (this.options.enableCollapsibleOptGroups && this.options.multiple) {
-                $("li.multiselect-group .caret-container", this.$ul).on("click", $.proxy(function(event) {
+                $("li.multiselect-group .optgroup-container", this.$ul).on("click", $.proxy(function(event) {
                     var $li = $(event.target).closest('li');
                     var $inputs = $li.nextUntil("li.multiselect-group")
                             .not('.multiselect-filter-hidden');
@@ -837,11 +840,11 @@
                     });
 
                     if (visible) {
-                        $inputs.hide()
+                        $inputs.attr('hidden', true)
                             .addClass('multiselect-collapsible-hidden');
                     }
                     else {
-                        $inputs.show()
+                        $inputs.removeAttr('hidden')
                             .removeClass('multiselect-collapsible-hidden');
                     }
                 }, this));
@@ -869,16 +872,26 @@
             var value = $element.val();
             var inputType = this.options.multiple ? "checkbox" : "radio";
 
+            // Generate a random number between 0 and MAX_SAFE_INTEGER to use as a highly unique ID
+            var randomNum = Math.floor(Math.random() * Math.floor(Number.MAX_SAFE_INTEGER));
+
+            // This element ID is required for the label and checkbox so that Bootstrap 4 will select the option when the label is clicked
+            // Ex: "bootstrap-multiselect-option-7-2193414947069541"
+            var optionComponentId = "bootstrap-multiselect-option-" + value + "-" + randomNum;
+
             var $li = $(this.options.templates.li);
             var $label = $('label', $li);
+            var $div = $('div', $li);
             $label.addClass(inputType);
+            $label.addClass("form-check-label");
             $label.attr("title", label);
+            $label.attr("for", optionComponentId);
             $li.addClass(classes);
 
             // Hide all children items when collapseOptGroupsByDefault is true
             if (this.options.collapseOptGroupsByDefault && $(element).parent().prop("tagName").toLowerCase() === "optgroup") {
                 $li.addClass("multiselect-collapsible-hidden");
-                $li.hide();
+                $li.attr('hidden', true);
             }
 
             if (this.options.enableHTML) {
@@ -890,19 +903,22 @@
 
             var $checkbox = $('<input/>').attr('type', inputType);
 
+            $checkbox.attr('id', optionComponentId);
+            $checkbox.addClass('form-check-input');
+
             var name = this.options.checkboxName($element);
             if (name) {
                 $checkbox.attr('name', name);
             }
 
-            $label.prepend($checkbox);
+            $div.prepend($checkbox);
 
             var selected = $element.prop('selected') || false;
             $checkbox.val(value);
 
             if (value === this.options.selectAllValue) {
                 $li.addClass("multiselect-item multiselect-all");
-                $checkbox.parent().parent()
+                $checkbox.parent().parent().parent()
                     .addClass('multiselect-all');
             }
 
@@ -945,7 +961,7 @@
         createOptgroup: function(group) {
             var label = $(group).attr("label");
             var value = $(group).attr("value");
-            var $li = $('<li class="multiselect-item multiselect-group"><a href="javascript:void(0);"><label><b></b></label></a></li>');
+            var $li = $('<li class="multiselect-item multiselect-group"><div class="optgroup-container"><label><b></b></label></div></li>');
 
             var classes = this.options.optionClass(group);
             $li.addClass(classes);
@@ -958,11 +974,11 @@
             }
 
             if (this.options.enableCollapsibleOptGroups && this.options.multiple) {
-                $('a', $li).append('<span class="caret-container"><b class="caret"></b></span>');
+                $('.optgroup-container', $li).append('<span class="caret-container"><b><i class="fas fa-caret-down"></i></b></span>');
             }
 
             if (this.options.enableClickableOptGroups && this.options.multiple) {
-                $('a label', $li).prepend('<input type="checkbox" value="' + value + '"/>');
+                $('.optgroup-container label', $li).prepend('<input type="checkbox" value="' + value + '"/>');
             }
 
             if ($(group).is(':disabled')) {
@@ -991,13 +1007,13 @@
                 var $resetButton = $(this.options.templates.resetButton);
 
                 if (this.options.enableHTML) {
-                    $('a', $resetButton).html(this.options.resetText);
+                    $('button', $resetButton).html(this.options.resetText);
                 }
                 else {
-                    $('a', $resetButton).text(this.options.resetText);
+                    $('button', $resetButton).text(this.options.resetText);
                 }
 
-                $('a', $resetButton).click($.proxy(function(){
+                $('button', $resetButton).click($.proxy(function(){
                     this.clearSelection();
                 }, this));
 
@@ -1046,7 +1062,7 @@
                 $checkbox.val(this.options.selectAllValue);
 
                 $li.addClass("multiselect-item multiselect-all");
-                $checkbox.parent().parent()
+                $checkbox.parent().parent().parent()
                     .addClass('multiselect-all');
 
                 this.$ul.prepend($li);
@@ -1077,7 +1093,7 @@
 
                             this.query = '';
                             this.$filter.find('.multiselect-search').val('');
-                            $('li', this.$ul).show().removeClass('multiselect-filter-hidden');
+                            $('li', this.$ul).removeAttr('hidden').removeClass('multiselect-filter-hidden');
 
                             this.updateSelectAll();
 
@@ -1146,11 +1162,11 @@
 
                                         // Toggle current element (group or group item) according to showElement boolean.
                                         if(!showElement){
-                                          $(element).css('display', 'none');
+                                          $(element).attr('hidden', true);
                                           $(element).addClass('multiselect-filter-hidden');
                                         }
                                         if(showElement){
-                                          $(element).css('display', 'block');
+                                          $(element).removeAttr('hidden');
                                           $(element).removeClass('multiselect-filter-hidden');
                                         }
 
@@ -1163,13 +1179,13 @@
                                         else {
                                             // Show group name when at least one of its items is visible.
                                             if (showElement) {
-                                                $(currentGroup).show()
+                                                $(currentGroup).removeAttr('hidden')
                                                     .removeClass('multiselect-filter-hidden');
                                             }
 
                                             // Show all group items when group name satisfies filter.
                                             if (!showElement && currentGroupVisible) {
-                                                $(element).show()
+                                                $(element).removeAttr('hidden')
                                                     .removeClass('multiselect-filter-hidden');
                                             }
                                         }
@@ -1196,7 +1212,7 @@
          */
         destroy: function() {
             this.$container.remove();
-            this.$select.show();
+            this.$select.removeAttr('hidden');
 
             // reset original state
             this.$select.prop('disabled', this.options.wasDisabled);
@@ -1382,7 +1398,7 @@
 
             var justVisible = typeof justVisible === 'undefined' ? true : justVisible;
             var allLis = $("li:not(.divider):not(.disabled):not(.multiselect-group)", this.$ul);
-            var visibleLis = $("li:not(.divider):not(.disabled):not(.multiselect-group):not(.multiselect-filter-hidden):not(.multiselect-collapisble-hidden)", this.$ul).filter(':visible');
+            var visibleLis = $("li:not(.divider):not(.disabled):not(.multiselect-group):not(.multiselect-filter-hidden):not(.multiselect-collapsible-hidden)", this.$ul).filter(':visible');
 
             if(justVisible) {
                 $('input:enabled' , visibleLis).prop('checked', true);
@@ -1427,7 +1443,7 @@
 
             var justVisible = typeof justVisible === 'undefined' ? true : justVisible;
             var allLis = $("li:not(.divider):not(.disabled):not(.multiselect-group)", this.$ul);
-            var visibleLis = $("li:not(.divider):not(.disabled):not(.multiselect-group):not(.multiselect-filter-hidden):not(.multiselect-collapisble-hidden)", this.$ul).filter(':visible');
+            var visibleLis = $("li:not(.divider):not(.disabled):not(.multiselect-group):not(.multiselect-filter-hidden):not(.multiselect-collapsible-hidden)", this.$ul).filter(':visible');
 
             if(justVisible) {
                 $('input[type="checkbox"]:enabled' , visibleLis).prop('checked', false);
diff --git a/dist/less/bootstrap-multiselect.less b/dist/less/bootstrap-multiselect.less
index deec16fe..89a77610 100644
--- a/dist/less/bootstrap-multiselect.less
+++ b/dist/less/bootstrap-multiselect.less
@@ -75,15 +75,13 @@ span.multiselect-native-select select{
   }
 
   > li {
-    padding: 0;
-
     > a.multiselect-all label {
       font-weight: bold;
     }
 
     &.multiselect-group label {
       margin: 0;
-      padding: 3px 20px 3px 20px;
+      width: 100%;
       height: 100%;
       font-weight: bold;
     }
@@ -92,23 +90,13 @@ span.multiselect-native-select select{
       cursor: pointer;
     }
 
-    > a {
-      padding: 0;
-
+    > div {
       > label {
         margin: 0;
+        width: 100%;
         height: 100%;
         cursor: pointer;
         font-weight: normal;
-        padding: 3px 20px 3px 40px;
-
-        &.radio, &.checkbox {
-          margin: 0;
-        }
-
-        > input[type="checkbox"] {
-          margin-bottom:5px;
-        }
       }
     }
   }
@@ -120,11 +108,6 @@ span.multiselect-native-select select{
 }
 
 .form-inline .multiselect-container{
-
-  label.checkbox, label.radio{
-    padding: 3px 20px 3px 40px;
-  }
-
   li a label{
 
     &.checkbox input[type="checkbox"], &.radio input[type="radio"]{
@@ -133,3 +116,7 @@ span.multiselect-native-select select{
     }
   }
 }
+
+.multiselect-filter {
+  padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index fa4385fc..aea5e686 100644
--- a/index.html
+++ b/index.html
@@ -861,7 +861,7 @@ <h2 id="configuration-options">Configuration Options</h2>
                                     <p>This option will collapse all <code>optgroup</code>s by default.</p>
 
                                     <p class="alert alert-info">There is also an example in the <a href="#further-examples">Further Examples</a> section demonstrating an alternative way of collapsing <code>optgroups</code> by default.</a></p>
-                                
+
                                     <div class="example">
                                             <script type="text/javascript">
                                                 $(document).ready(function() {
@@ -2083,7 +2083,7 @@ <h2 id="configuration-options">Configuration Options</h2>
                                         This option is used by the <code>buttonText</code> and <code>buttonTitle</code> functions to determine if too many options would be displayed.
                                     </p>
 
-                                    <p class="alert alert-info">The functionality can be disabled by setting <code>numberDisplayed</code> to <code>0</code>.</p>
+                                    <p class="alert alert-info">The functionality can be disabled by setting <code>numberDisplayed</code> to <code>-1</code>.</p>
 
                                     <div class="example">
                                         <script type="text/javascript">
@@ -6146,7 +6146,7 @@ <h4 class="panel-title">
                                 $(window).scroll(function() {
                                     var top = $('#example-automatic-dropup-container')[0].getBoundingClientRect().top
                                     var bottom = $(window).height() - top - $('#example-automatic-dropup-container').height();
-                                    
+
                                     if (bottom < 250) {
                                         $('#example-automatic-dropup-container').addClass('dropup');
                                     }
diff --git a/tests/spec/bootstrap-multiselect.js b/tests/spec/bootstrap-multiselect.js
index a2e9e7ff..be1f786a 100644
--- a/tests/spec/bootstrap-multiselect.js
+++ b/tests/spec/bootstrap-multiselect.js
@@ -1090,12 +1090,12 @@ describe('Bootstrap Multiselect "Dataprovider"', function() {
         expect($('#multiselect option[value="5"]').attr('title')).toBe('Option 5 Title');
         expect($('#multiselect option[value="6"]').attr('title')).toBe('Option 6 Title');
 
-        expect($('#multiselect-container input[value="1"]').closest('label').attr('title')).toBe('Option 1 Title');
-        expect($('#multiselect-container input[value="2"]').closest('label').attr('title')).toBe('Option 2 Title');
-        expect($('#multiselect-container input[value="3"]').closest('label').attr('title')).toBe('Option 3 Title');
-        expect($('#multiselect-container input[value="4"]').closest('label').attr('title')).toBe('Option 4 Title');
-        expect($('#multiselect-container input[value="5"]').closest('label').attr('title')).toBe('Option 5 Title');
-        expect($('#multiselect-container input[value="6"]').closest('label').attr('title')).toBe('Option 6 Title');
+        expect($('#multiselect-container input[value="1"]').siblings('label').attr('title')).toBe('Option 1 Title');
+        expect($('#multiselect-container input[value="2"]').siblings('label').attr('title')).toBe('Option 2 Title');
+        expect($('#multiselect-container input[value="3"]').siblings('label').attr('title')).toBe('Option 3 Title');
+        expect($('#multiselect-container input[value="4"]').siblings('label').attr('title')).toBe('Option 4 Title');
+        expect($('#multiselect-container input[value="5"]').siblings('label').attr('title')).toBe('Option 5 Title');
+        expect($('#multiselect-container input[value="6"]').siblings('label').attr('title')).toBe('Option 6 Title');
     });
 
     it("Should be able to define data attributes.", function() {
@@ -1976,7 +1976,7 @@ describe('Bootstrap Multiselect "Specific Issues".', function() {
         selection.addRange(range);
 
         if (document.getSelection().type === 'Range') {
-            $('#multiselect-container').find('a:first label').trigger('click');
+            $('#multiselect-container').find('.form-check:first label').trigger('click');
             expect($('#multiselect-container').find('input:first').prop('checked')).toBe(true);
         }
 
diff --git a/types/bootstrap-multiselect/index.d.ts b/types/bootstrap-multiselect/index.d.ts
index c1536594..a744cda6 100644
--- a/types/bootstrap-multiselect/index.d.ts
+++ b/types/bootstrap-multiselect/index.d.ts
@@ -37,9 +37,9 @@ interface MultiSelectOptions {
 
     /**
      * If set to true, optgroup's will be clickable, allowing to easily select multiple options belonging to the same group.
-     * 
+     *
      * enableClickableOptGroups is not available in single selection mode, i.e. when the multiple attribute is not present.
-     * 
+     *
      * When using selectedClass, the selected classes are also applied on the option groups.
      */
     enableClickableOptGroups?: boolean;
@@ -54,9 +54,9 @@ interface MultiSelectOptions {
      */
     disableIfEmpty?: boolean;
 
-    /** 
-     * The text shown if the multiselect is disabled. 
-     * Note that this option is set to the empty string '' by default, 
+    /**
+     * The text shown if the multiselect is disabled.
+     * Note that this option is set to the empty string '' by default,
      * that is nonSelectedText is shown if the multiselect is disabled and no options are selected.
      */
     disabledText?: string;
@@ -78,13 +78,13 @@ interface MultiSelectOptions {
     maxHeight?: number;
 
     /**
-     * The name used for the generated checkboxes. 
+     * The name used for the generated checkboxes.
      * See {@link https://davidstutz.github.io/bootstrap-multiselect/#post|Server-Side Processing} for details.
      */
     checkboxName?: string;
 
     /**
-     * A function which is triggered on the change event of the options. 
+     * A function which is triggered on the change event of the options.
      * Note that the event is not triggered when selecting or deselecting options using the select and deselect methods provided by the plugin.
      * @param option The option item that was changed, wrapped in a JQuery object.
      * @param checked Whether the checkbox was checked or not.
@@ -98,36 +98,36 @@ interface MultiSelectOptions {
 
     /**
      * A callback called when the dropdown is shown.
-     * 
+     *
      * The onDropdownShow option is not available when using Twitter Bootstrap 2.3.
      */
     onDropdownShow?: (event: Event) => void;
 
     /**
      * A callback called when the dropdown is closed.
-     * 
+     *
      * The onDropdownHide option is not available when using Twitter Bootstrap 2.3.
      */
     onDropdownHide?: (event: Event) => void;
 
     /**
      * A callback called after the dropdown has been shown.
-     * 
+     *
      * The onDropdownShown option is not available when using Twitter Bootstrap 2.3.
      */
     onDropdownShown?: (event: Event) => void;
 
     /**
      * A callback called after the dropdown has been closed.
-     * 
+     *
      * The onDropdownHidden option is not available when using Twitter Bootstrap 2.3.
      */
     onDropdownHidden?: (event: Event) => void;
 
     /**
      * The class of the multiselect button.
-     * 
-     * @example 
+     *
+     * @example
      * $('#example-buttonClass').multiselect({
             buttonClass: 'btn btn-link'
         });
@@ -141,8 +141,8 @@ interface MultiSelectOptions {
 
     /**
      * The container holding both the button as well as the dropdown.
-     * 
-     * @example 
+     *
+     * @example
      * $('#example-buttonContainer').multiselect({
             buttonContainer: '<div class="btn-group" />'
         });
@@ -151,10 +151,10 @@ interface MultiSelectOptions {
 
     /**
      * The width of the multiselect button may be fixed using this option.
-     * 
+     *
      * Actually, buttonWidth describes the width of the .btn-group container and the width of the button is set to 100%.
-     * 
-     * @example  
+     *
+     * @example
      * $('#example-buttonWidth').multiselect({
             buttonWidth: '400px'
         });
@@ -169,9 +169,9 @@ interface MultiSelectOptions {
      * {@link nSelectedText} in the case more than {@link numberDisplayed} options are selected
      * and the names of the selected options if less than {@link numberDisplayed} options are selected.
 
-     * @param options 
-     * @param select 
-     * @returns {} 
+     * @param options
+     * @param select
+     * @returns {}
      */
     buttonText?: (options: HTMLOptionsCollection, select: HTMLSelectElement) => string;
 
@@ -183,8 +183,8 @@ interface MultiSelectOptions {
      * If more than numberDisplayed options are selected, {@link nSelectedText} is returned.
      *
      * @param options
-     * @param select 
-     * @returns {} 
+     * @param select
+     * @returns {}
     */
     buttonTitle?: (options: HTMLOptionElement[], select: HTMLSelectElement) => string;
 
@@ -204,7 +204,7 @@ interface MultiSelectOptions {
     allSelectedText?: string | boolean;
 
     /**
-     * This option is used by the buttonText and buttonTitle functions to determine of too much options would be displayed.
+     * This option is used by the buttonText and buttonTitle functions to determine if too many options would be displayed.
      */
     numberDisplayed?: number;
 
@@ -234,7 +234,7 @@ interface MultiSelectOptions {
     includeSelectAllOption?: boolean;
 
     /**
-     * Setting both {@link includeSelectAllOption} and {@link enableFiltering} to true, the select all option does always select only the visible option. 
+     * Setting both {@link includeSelectAllOption} and {@link enableFiltering} to true, the select all option does always select only the visible option.
      * With setting selectAllJustVisible to false this behavior is changed such that always all options (irrespective of whether they are visible) are selected.
      */
     selectAllJustVisible?: boolean;
@@ -257,28 +257,28 @@ interface MultiSelectOptions {
     selectAllName?: string;
 
     /**
-     * If set to true (default), the number of selected options will be shown in parantheses when all options are seleted. 
+     * If set to true (default), the number of selected options will be shown in parantheses when all options are seleted.
      */
     selectAllNumber?: boolean;
 
     /**
-     * This function is triggered when the select all option is used to select all options. 
+     * This function is triggered when the select all option is used to select all options.
      * Note that this can also be triggered manually using the {@link .multiselect('selectAll')} method.
-     * 
+     *
      * Note that the onChange option is not triggered when (de)selecting all options using the select all option.
-     * 
-     * The onSelectAll option is only triggered if the select all option was checked; 
+     *
+     * The onSelectAll option is only triggered if the select all option was checked;
      * it is not triggered if all options were checked manually (causing the select all option to be checked as well).
      */
     onSelectAll?: () => void;
 
     /**
-     * This function is triggered when the select all option is used to deselect all options. 
+     * This function is triggered when the select all option is used to deselect all options.
      * Note that this can also be triggered manually using the {@link .multiselect('deselectAll')} method.
-     * 
+     *
      * Note that the onChange option is not triggered when (de)selecting all options using the select all option.
-     * 
-     * The onDeselectAll option is only triggered if the select all option was unchecked; 
+     *
+     * The onDeselectAll option is only triggered if the select all option was unchecked;
      * it is not triggered if all options were unchecked manually (causing the select all option to be unchecked as well).
      */
     onDeselectAll?: () => void;
@@ -289,13 +289,13 @@ interface MultiSelectOptions {
     enableFiltering?: boolean;
 
     /**
-     * The filter as configured above will use case sensitive filtering, 
+     * The filter as configured above will use case sensitive filtering,
      * by setting enableCaseInsensitiveFiltering to true this behavior can be changed to use case insensitive filtering.
      */
     enableCaseInsensitiveFiltering?: boolean;
 
     /**
-     * Set to true to enable full value filtering, that is all options are shown where the query is a prefix of. 
+     * Set to true to enable full value filtering, that is all options are shown where the query is a prefix of.
      */
     enableFullValueFiltering?: boolean;
 
@@ -314,7 +314,7 @@ interface MultiSelectOptions {
     filterPlaceholder?: string;
 
     /**
-     * The generated HTML markup can be controlled using templates. Basically, templates are simple configuration options. 
+     * The generated HTML markup can be controlled using templates. Basically, templates are simple configuration options.
      */
     templates?: Templates;
 }
@@ -328,8 +328,8 @@ interface JQuery {
     multiselect(method: 'destroy'): JQuery;
 
     /**
-     * This method is used to refresh the checked checkboxes based on the currently selected options within the select. 
-     * Click 'Select some options' to select some of the options. Then click refresh. 
+     * This method is used to refresh the checked checkboxes based on the currently selected options within the select.
+     * Click 'Select some options' to select some of the options. Then click refresh.
      * The plugin will update the checkboxes accordingly.
      */
     multiselect(method: 'refresh'): JQuery;
@@ -352,29 +352,29 @@ interface JQuery {
     multiselect(method: 'deselect', value: string | Array<string> | number, triggerOnChange?: boolean): JQuery;
 
     /**
-     * Selects all options. 
-     * @param justVisible If set to true or not provided, all visible options are selected (when using the filter), 
+     * Selects all options.
+     * @param justVisible If set to true or not provided, all visible options are selected (when using the filter),
      * otherwise (justVisible set to false) all options are selected.
      */
     multiselect(method: 'selectAll', justVisible?: boolean): JQuery;
 
     /**
-     * Deselects all options. 
-     * @param justVisible If set to true or not provided, all visible options are deselected,  
+     * Deselects all options.
+     * @param justVisible If set to true or not provided, all visible options are deselected,
      * otherwise (justVisible set to false) all options are deselected.
      */
     multiselect(method: 'deselectAll', justVisible?: boolean): JQuery;
 
     /**
      * When manually selecting/deselecting options and the corresponding checkboxes, this function updates the text and title of the button.
-     * 
+     *
      * Note that usually this method is only needed when using .multiselect('selectAll', justVisible) or .multiselect('deselectAll', justVisible). In all other cases, .multiselect('refresh') should be used.
      */
     multiselect(method: 'updateButtonText'): JQuery;
 
     /**
      * Used to change configuration after initializing the multiselect. This may be useful in combination with {@link multiselect('rebuild')}.
-     * @example  
+     * @example
      * $('#example-setOptions').multiselect('setOptions', options);
      * $('#example-setOptions').multiselect('rebuild');
      */