title: jQuery / Twitter Bootstrap data-loading-text button with delay
body: <p>I'm trying to get this exact example working on my website:</p>
  
  <p><a href="http://getbootstrap.com/2.3.2/javascript.html#buttons" rel="noreferrer">http://getbootstrap.com/2.3.2/javascript.html#buttons</a></p>
  
  <p>However, simply including this HTML:</p>
  
  <pre><code>&lt;button type="button" class="btn btn-primary" data-loading-text="Loading..."&gt;Loading state&lt;/button&gt;
  </code></pre>
  
  <p>Does not work. I'm running jQuery 1.7.x and have loaded the Bootstrap JS files.</p>
  
  <p>To be specific: I want the button to move to the "loading" text change for a slight delay, then go back to the regular text. There doesn't seem to be a good example available online from my Googling (most are asking for a permanent state change or toggle), and the Bootstrap site itself is lacking in documentation here.</p>