Disabled load button

As seen at http://getbootstrap.com/2.3.2/javascript.html#buttons

by ian_smithz

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="control-group">
    <label class="control-label" for="lname">Last Name</label>
    <div class="controls">
        <input type="text" id="lname" placeholder="Smith">
    </div>
</div>
<div class="control-group">
    <label class="control-label" for="fname">First Name</label>
    <div class="controls">
        <input type="text" id="fname" placeholder="J">
    </div>
</div>
<div class="control-group">
    <div class="controls">
        <input type="submit" class="btn btn-primary" data-loading-text="Loading..." data-reset-text="Try that again" value="Submit" />
        <input type="reset" class="btn" />
    </div>
</div>

JavaScript

// button state demo
$(':input[data-loading-text]').click(function () {
    var btn = $(this)
    btn.button('loading')
    setTimeout(function () {
        btn.button('reset')
    }, 3000)
})