title: Best way to disable button in Twitter's Bootstrap
body: <p>I am confused when it comes to disabling a <code>&lt;button&gt;</code>, <code>&lt;input&gt;</code> or an <code>&lt;a&gt;</code> element with classes: <code>.btn</code> or <code>.btn-primary</code>, with JavaScript/jQuery.</p>
  
  <p>I have used a following snippet to do that:</p>
  
  <pre><code>$('button').addClass('btn-disabled');
  $('button').attr('disabled', 'disabled');
  $('button').prop('disabled', true);
  </code></pre>
  
  <p>So, if I just provide the <code>$('button').addClass('btn-disabled');</code> to my element, it will appear as disabled, visually, but the functionality will remain the same and it will be clickable nontheless, so that it the reason why I added the <code>attr</code> and <code>prop</code> settings to the element.</p>
  
  <p>Has anyone expirenced this same issue out there? Is this the right way of doing this - while using Twitter's Bootstrap?</p>