headers option is on

2 files changed, 10 insertions, 1 deletions

diff --git a/js/application.js b/js/application.js
index 814c8fc..068746c 100644
--- a/js/application.js
+++ b/js/application.js
@@ -1,6 +1,10 @@
 (function($){
   $(function(){
     $('.multiselect').multiSelect();
+    $('#multipleHeaders').multiSelect({
+      selectableHeader : '<h4>Selectable Items</h4>',
+      selectedHeader : '<h4>Selected Items</h4>'
+    });
     
     $('#callbackCountries').multiSelect({
       afterSelect: function(value, text){
diff --git a/js/jquery.multi-select.js b/js/jquery.multi-select.js
index 9c8aa9c..8090cd5 100644
--- a/js/jquery.multi-select.js
+++ b/js/jquery.multi-select.js
@@ -3,7 +3,6 @@
   var msMethods = {
     'init' : function(options){
       this.settings = {
-        
       };
       if(options) {
         this.settings = $.extend(this.settings, options);
@@ -29,7 +28,13 @@
           });
           selectableUl.append(selectableLi);
         });
+        if (multiSelects.settings.selectableHeader){
+          selectableContainer.append(multiSelects.settings.selectableHeader);
+        }
         selectableContainer.append(selectableUl);
+        if (multiSelects.settings.selectedHeader){
+          selectedContainer.append(multiSelects.settings.selectedHeader);
+        }
         selectedContainer.append(selectedUl);
         container.append(selectableContainer);
         container.append(selectedContainer);