hover text shows with icon

TODO: update doc

example/index.html

@@ -284,7 +284,7 @@
           $('.hover').magicBtn({hover: true});
           $('.hover').magicBtn('show');
 
-          $('.icon').magicBtn({hover: true, alignment: 'top'});
+          $('.icon').magicBtn({hover: true, alignment: 'top', hoverText:true});
           $('.icon').magicBtn('show');
 
           $('.well .magicBtn').magicBtn('show');

example/js/bootstrap-magic-button.js

@@ -176,7 +176,7 @@ function ($) {
             var o = obj.options
             if (!obj.$isToggled) {
                 if (o.hoverText){
-                    $(this).find('i').hide()
+                    //$(this).find('i').hide()
                     $('<span class="value">' + $(this).attr('value') + '</span>').
                         hide().appendTo($(this)).fadeIn()
                 }

js/bootstrap-magic-button.js

@@ -176,7 +176,7 @@ function ($) {
             var o = obj.options
             if (!obj.$isToggled) {
                 if (o.hoverText){
-                    $(this).find('i').hide()
+                    //$(this).find('i').hide()
                     $('<span class="value">' + $(this).attr('value') + '</span>').
                         hide().appendTo($(this)).fadeIn()
                 }