Why tooltip is not working when I hover over?
<p>I have a toggle button using the bootstrap toggle plugin and wanted a tooltip to pop-up when I hover over it.</p>

<pre><code>&lt;input type="checkbox" data-size="mini" data-toggle="toggle" data-hover="tooltip" data-placement="bottom" title="Automatic Refresh is ON" data-onstyle="success" /&gt;


&lt;script&gt;
  $(document).ready(function(){
    $('[data-hover="tooltip"]').tooltip();   
});
&lt;/script&gt;
</code></pre>

<p>When I used <code>data-hover="tooltip"</code>, it doesn't seem to be working. What am I doing wrong here?</p>

<p>Here is a link to the code I've got so far - <a href="http://jsbin.com/zexijemija/edit?html,output" rel="nofollow">http://jsbin.com/zexijemija/edit?html,output</a></p>