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