Bootstrap tooltip focus trigger bug

When setting the trigger to focus for the bootstrap tooltips, the browser tooltip will show on hover before focus has been achieved on the element. This is not desired.

by kevinsbennett

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
<form id="form">
    <label for="myinput">Hover over input before clicking in it to focus.  You'll see the browser tooltip.  But only before you click to focus.  After this the browser tooltip will no longer show on hover</label>
    <input id="myinput" type="text" title="Why is this tooltip showing on hover?"/>
</form>

JavaScript

$(document).tooltip({ selector: "[title]",
                              placement: "bottom",
                              trigger: "focus",
                              animation: false});