JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://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>
<input type='checkbox' class="norm" title="Normal tooltip" />
<input type='checkbox' disabled='disabled' title="Tooltip on disabled" />
<br/>
<input type="text" name="something" title="Tooltip on disabled" disabled="disabled" />
<br />
<input type="text" name="something" title="Normal tooltip" class="norm" />
<br />
<button class="btn" disabled="disabled" title="disabled button">Submit</button>

CSS

body { padding: 25px; }
input { margin: 10px; }

JavaScript

$(".norm").tooltip();
$('input:disabled, button:disabled').after(function (e) {
    d = $("<div>");
    i = $(this);
    d.css({
        height: i.outerHeight(),
        width: i.outerWidth(),
        position: "absolute",
    })
    d.css(i.offset());
    d.attr("title", i.attr("title"));
    d.tooltip();
    return d;
});