title: bootstrap button loading state
body: <p>I am trying to make it so that when someone click on the button it goes from normal button to toggled button with text changed to Loading...</p>
  
  <p>so I included this button</p>
  
  <pre><code>&lt;button type="button" id="fat-btn" data-loading-text="loading..." class="btn btn-primary"&gt;
      Loading state
  &lt;/button&gt;
  </code></pre>
  
  <p>but nothing happens when I click on the button.</p>
  
  <p>I also have this at the bottom of the body.</p>
  
  <pre><code>&lt;script&gt;
          $(function() {
            var btn = $('#fat-btn').click(function () {
              btn.button('loading')
              setTimeout(function () {
                btn.button('reset')
              }, 3000)
            })
          })
  &lt;/script&gt;
  &lt;script src="http://code.jquery.com/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Here is the website I am trying to include the button(its at the bottom of the screen)
  <a href="http://www.ticketmachine.x10.mx/" rel="noreferrer">http://www.ticketmachine.x10.mx/</a></p>