How to show animated gif using Bootstrap button when clicked

How to show animated gif using Bootstrap button when clicked

i know how to show loading... text when user click on Bootstrap button.
this way i do it
http://jsfiddle.net/YCst4/1/
add two dependency files
1) bootstrap.min.css
2) bootstrap.min.js
<button class="btn" id="button" data-text-loading="Loading...">Press
Me</button>
$('#button').button();
$('#button').click(function() {
$(this).button('loading');
});
now how could i show this animated gif
http://www.bba-reman.com/images/fbloader.gif at the place of button when
user will click on button.
please guide me how to do with sample code if possible. thanks