title: Issue regarding cursor styling for a disabled button by javascript
body: <p>In my ruby on rails application I am using some javascript on one of my view page to make a submit button with id "submitorder" disabled. And I have done this successfully using the following line of code.</p>
  
  <pre><code> $('#submitorder').prop('disabled', true);
  </code></pre>
  
  <p>It is working fine.</p>
  
  <p>But now I want to make the cursor as 'not-allowed' also when hovering on that submit button. That's why I have used the following lines of code to make the submit button disabled and as well as to make the cursor as 'not-allowed'</p>
  
  <pre><code>$('#submitorder').prop('disabled', true);
  $('#submitorder').css( 'cursor', 'not-allowed' );
  </code></pre>
  
  <p>But unfortunately the button becomes disabled only. There is no change in the cursor styling.</p>
  
  <p>Please tell me why this is happening and give me clues to figure out this.</p>
  
  <p>Thanks in advance!!</p>