title: How to disable button using jquery in materialize css
body: <p>I am using jquery to disable a button in materialize css. According to documentation <a href="http://materializecss.com/buttons.html" rel="nofollow">here</a>, the way to disable button is simply by adding a class named 'disabled'.I think by simply add class 'disabled', the button will automatically disabled, but it is not. Here is my code: </p>
  
  <p>html: </p>
  
  <pre><code>&lt;button id='submit-btn' class="btn waves-effect waves-light submit red" type="button" name="action"&gt;
  </code></pre>
  
  <p>jquery: </p>
  
  <pre><code>$('#submit-btn').off().on('click', function(){
      $('#submit-btn').addClass('disabled');
  });
  </code></pre>