title: jquery:how to add css hover in with jquery css?
body: <p>I have set the hover opacity in my css,</p>
  
  <pre><code>.button-simple:hover {
      opacity:.70;
      filter:alpha(opacity=70);
      filter: "alpha(opacity=70)";
  }
  </code></pre>
  
  <p>But the hover opacity does not show after I have this line in my code,</p>
  
  <pre><code>$('input[type=submit]').attr('disabled', false).css({opacity:1,cursor:"pointer"});
  </code></pre>
  
  <p>Any idea what I can do to add the hover css in?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>The reason I cannot use <code>!important</code> in my css is that I have this line to disable the submit button first,</p>
  
  <pre><code>$('input[type=submit]',parent).attr('disabled', true).css({opacity:0.4,cursor:"default"});
  </code></pre>
  
  <p>If I set <code>!important</code> in my css, this disabled button will the hover effect as well which I don't want.</p>