Tooltipbug

by KevinGabbert

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.1/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<div class="container">
    <br><br>
    <button id="btn1" class="btn"http://jsfiddle.net/YFaFL/#update title="Click me to disable me !">
        Disabled me !
    </button>
    <button id="btn2" class="btn" title="Click me to remove me !">
        Remove me !
    </button>
            Low Risk Mortalities&nbsp;<i id ="infoTooltip" class="icon-info-sign" title="oaeuoeauaoeuaoeuoaeuoaeuoeauoeu"></i>
        <br/><br/>
        <span id="fred">* </span>
</diV>

JavaScript

$(function(){
    $("#fred").text("* " + $("#infoTooltip").attr("title"));
    
    $("button").tooltip();
    $("#btn1").on("click", function (event) {
        $(event.currentTarget).attr("disabled","disabled");
    });
    $("#btn2").on("click", function (event) {
        $(event.currentTarget).remove();
    });
    
    $("#infoTooltip").attr("title", "xxy").tooltip();
    
    $("#fred").attr("title", "kxx");
    $("#fred").tooltip();
 
});