Update readme

Author: anton-staroverov

README.md

@@ -1,44 +1,25 @@
 Bootstrap Hover Tabs
 ====================
 
-This is a super-simple and lightweight plugin for Bootstrap which allows you to activate tabs on hover.
+This is a super-simple and lightweight plugin for Bootstrap which automatically activates tabs on hover.
 
 **Note:** This plugin is also available via [Bootstrap Plugins](https://github.com/tonystar/bootstrap-plugins) — the ultimate set of must-have plugins for Bootstrap.
 
-Usage
------
+Installation
+------------
 
-First, add this script somewhere after `bootstrap.js`:
+Link to the script in your code after you include the main Bootstrap JS file(s):
 
 ```html
+<script src="<...>/jquery.min.js"></script>
+<script src="<...>/bootstrap.min.js"></script>
 <script src="//cdn.rawgit.com/tonystar/bootstrap-hover-tabs/master/bootstrap-hover-tabs.js"></script>
 ```
+That's it. No additional configuration required!
 
-Then, just add `data-hover="tab"` in addition to `data-toggle="tab"` for each tab link.
-
-Example
--------
+Usage
+-----
 
-```html
-<div>
-
-  <!-- Nav tabs -->
-  <ul class="nav nav-tabs" role="tablist">
-    <li class="active"><a href="#home" data-toggle="tab" data-hover="tab">Home</a></li>
-    <li><a href="#profile" data-toggle="tab" data-hover="tab">Profile</a></li>
-    <li><a href="#messages" data-toggle="tab" data-hover="tab">Messages</a></li>
-    <li><a href="#settings" data-toggle="tab" data-hover="tab">Settings</a></li>
-  </ul>
-
-  <!-- Tab panes -->
-  <div class="tab-content">
-    <div class="tab-pane active" id="home">...</div>
-    <div class="tab-pane" id="profile">...</div>
-    <div class="tab-pane" id="messages">...</div>
-    <div class="tab-pane" id="settings">...</div>
-  </div>
-
-</div>
-```
+No instructions here! Just follow the **Installation** section and you are done!
 
-## [Docs →](http://bootstrap.tonystar.me/hover-tabs)
+## [Example & Docs →](http://bootstrap.tonystar.me/hover-tabs)