diff --git a/css/hint.min.css b/css/hint.min.css
new file mode 100644
index 0000000..5ef4dd0
--- /dev/null
+++ b/css/hint.min.css
@@ -0,0 +1,5 @@
+/*! Hint.css - v1.2.1 - 2013-03-24
+* http://kushagragour.in/lab/hint/
+* Copyright (c) 2013 Kushagra Gour; Licensed MIT */
+
+.hint,[data-hint]{position:relative;display:inline-block}.hint:before,.hint:after,[data-hint]:before,[data-hint]:after{position:absolute;visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease}.hint:hover:before,.hint:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{visibility:visible;opacity:1}.hint:before,[data-hint]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}.hint:after,[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;text-shadow:0 -1px 0 black;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;box-shadow:4px 4px 8px rgba(0,0,0,.3)}.hint--top:before{border-top-color:#383838}.hint--bottom:before{border-bottom-color:#383838}.hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838}.hint--top:before{margin-bottom:-12px}.hint--top:after{margin-left:-18px}.hint--top:before,.hint--top:after{bottom:100%;left:50%}.hint--top:hover:before,.hint--top:hover:after{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom:before{margin-top:-12px}.hint--bottom:after{margin-left:-18px}.hint--bottom:before,.hint--bottom:after{top:100%;left:50%}.hint--bottom:hover:before,.hint--bottom:hover:after{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--right:before{margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:before,.hint--right:after{left:100%;bottom:50%}.hint--right:hover:before,.hint--right:hover:after{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:before,.hint--left:after{right:100%;bottom:50%}.hint--left:hover:before,.hint--left:hover:after{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #5a2626}.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6d5228}.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #193c4c}.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a331a}.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}
\ No newline at end of file
diff --git a/data.json b/data.json
index eb64730..5eac760 100644
--- a/data.json
+++ b/data.json
@@ -57,5 +57,16 @@
       "effects",
       "offset"
     ]
+  },
+  "descriptions": {
+    "ajax": "All AJAX functionality: $.ajax(), $.get(), $.post(), $.ajaxSetup(), .load(), transports, and ajax event shorthands such as .ajaxStart()",
+    "css": "The .css() method plus non-animated .show(), .hide() and .toggle()",
+    "deprecated": "Methods documented as deprecated but not yet removed; currently only .andSelf()",
+    "dimensions": "The .width() and .height() methods, including inner- and outer- variations",
+    "effects": "The .animate() method and its shorthands such as .slideUp() or .hide('slow')",
+    "event-alias": "All event attaching/triggering shorthands like .click() or .mouseover()",
+    "offset": "The .offset(), .position(), .offsetParent(), .scrollLeft(), and .scrollTop() methods",
+    "wrap": "The .wrap(), .wrapAll(), .wrapInner(), and .unwrap() methods",
+    "sizzle": "The Sizzle selector engine. When this module is excluded, it is replaced by a rudimentary selector engine based on the browser's querySelectorAll method that does not support jQuery selector extensions or enhanced semantics. See the selector-native.js file for details"
   }
 }
diff --git a/index.html b/index.html
index 10b6b0e..202fc6e 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@
   <head>
     <title>jQuery Builder</title>
     <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
+    <link rel="stylesheet" href="css/hint.min.css"/>
     <style>
       h2, h3, h4 {
         font-weight: normal;
@@ -38,6 +39,12 @@
       .footer ul li {
         display: inline-block;
       }
+      .hint:after,[data-hint]:after{
+        min-width: 300px;
+        white-space: normal;
+        line-height: 1.3em;
+        font-size: 85%;
+      }
     </style>
     <script type="text/javascript">
 
@@ -141,10 +148,10 @@ <h2>Todo</h2>
     <script src="lib/filename.js"></script>
     <script>
       var currentFile = '';
-      var versions;
-
-      $.get('data.json', function(data) {
+      var versions, descriptions;
+      $.get('data.json', function(data) {  
         versions = data.versions;
+        descriptions = data.descriptions;
 
         //versions
         el = $('#version');
@@ -165,12 +172,16 @@ <h2>Todo</h2>
         var el = $('[data-role=modules]');
         var html = [];
         for (var i = 0, c = modules.length; i < c; i++) {
-          html.push('<li><label class="checkbox"><input type="checkbox" value="'+modules[i]+'" checked>' + modules[i] + '</label></li>');
+          var description = descriptions[modules[i]]
+            , hint_attrs = '';
+
+          if (description)
+            hint_attrs = 'class="hint--bottom hint--rounded" data-hint="' + description + '"';
+          html.push('<li><span ' + hint_attrs + '><label class="chechbox"><input type="checkbox" value="'+modules[i]+'" checked> ' + modules[i] + ' </label></span></li>');
         }
         el.html(html.join(''));
-        $('[value=deprecated]').parent().append('<span>&nbsp;($.uaMatch, $.browser, $.sub)</span>');
+        // $('[value=deprecated]').parent().append('<span>&nbsp;($.uaMatch, $.browser, $.sub)</span>');
         $('form [type=checkbox]').on('change', update);
-
         update();
       };