title: CSS opacity not working in Phonegap
body: <p>I have a button I have disabled using jQuery in my phone gap application. The href is removed BUT the opacity of the button is not working so it looks like a broken button. Can someone let me know a better way to go about this or a better way to have this work. Thank you in advance! </p>
  
  <p>Here is my code:</p>
  
  <pre><code>jQuery.each(rolesArray, function() {
      if (this == "USER") {
          $('#disable-button').css( 'opacity', '.5');
          $('#disable-button').removeAttr('href');
      }
  
  });
  </code></pre>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;div class="ui-block-b"&gt;
        &lt;a href="#search" data-role="button" data-transition="flip" id="disable-button"&gt;&lt;img src="images/logo.png" alt="Search" /&gt;&lt;/a&gt;
      &lt;/div&gt;
  </code></pre>