Only add wrapper class when it is not present

This allows us to already wrap a select in multiselect on page load, preventing flashed of unstyled content

Author: wradstok

dist/js/bootstrap-multiselect.js

@@ -221,7 +221,13 @@
             this.disable();
         }
 
-        this.$select.wrap('<span class="multiselect-native-select" />').after(this.$container);
+        // Only wrap the select in a multiselect span if it is not already contained.
+        const wrapperClass = "multiselect-native-select";
+        if (this.$select.parent().first().attr("class") !== wrapperClass) {
+            this.$select.wrap(`<span class="${wrapperClass}" />`);
+        }
+        // Container is removed in the .destroy(), so always insert it.
+        this.$select.after(this.$container);
         this.options.onInitialized(this.$select, this.$container);
     }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-multiselect",
-  "version": "0.10.01",
+  "version": "0.10.02",
   "description": "JQuery multiselect plugin based on Twitter Bootstrap.",
   "main": "dist/js/bootstrap-multiselect.js",
   "directories": {