title: Prevent Cursor Change to hand on disabled button
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/7748283/jquery-mouseover-a-disabled-link-how-do-i-change-the-cursor-so-it-doesnt-appea">jQuery mouseover a disabled link, how do I change the cursor so it doesn’t appear clickable?</a>  </p>
  </blockquote>
  
  
  
  <p>I have a button that I'm attempting to disable in certain cases where its function is unnecessary or impossible.  It is one of many buttons on the page, and I only want to disable this specific button.</p>
  
  <p>The effect I'm looking for is to have it greyed out, unclickable, and for the mouse pointer to not change to the hand pointer when hovering over the button.</p>
  
  <p>I've successfully succeeded at the first 2 objectives, but am unsure how to make the 3rd one happen.  When I searched I saw suggestions for globally disabling this behavior, but not for a specific button.</p>
  
  <p>Here's what I have so far.</p>
  
  <pre><code>if(buttonIsDisabled)
  {
      var btnid ="#button"+index;
      $(btnid).attr("disabled","disabled").fadeTo(500,0.2);
  }
  </code></pre>
  
  <p>This successfully makes the button unclickable and fades it out, but in Firefox and Chrome it still shows a hand icon when hovering.  IE8 (which I also have to support) correctly disables the hand and shows the cursor.</p>
  
  <p>Any suggestions on how to enforce IE's behavior in Chrome and Firefox?</p>