jQuery attr() not working on Bootstrap button after reset

jquery, twitter-bootstrap

Solution

Not sure if this is the right way, but you can use a workaround

$(document).ready(function () {
    $("#btn-id").button();

    $("#btn-id").click(function () {
        $(this).button('loading');
        setTimeout(function () {
            $("#btn-id").addClass('btn-success').data('loading-text', 'OK').button('loading')
        }, 2000);
    });
});

FIDDLE

Problem

I have a very simple code that doesn't work and I don't understand what I'm missing. External resources ``` <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> ``` HTML ``` <p> <button id="btn-id" class="btn btn-large btn-primary" type="button" data-loading-text="loading stuff...">Click Me</button> </p> ``` JavaScript ``` $(document).ready(function () { $("#btn-id").button(); $("#btn-id").click(function () { //$("#btn-id").attr("disabled",true); $(this).button('loading'); setTimeout(function () { //this desn't work. The button resets but it doesn't get disabled afterwards $("#btn-id").button('reset').attr("disabled", true); //the bellow line works as expected //$("#btn-id").button('reset').addClass("btn-success"); }, 2000); }); }); ``` It seems that after `button('reset')`, I can `addClass('someclass')` but I can't disable the button anymore. Why is this not working and how can I fix it? jsFiddle

Original source