title: How to change color of jQuery Mobile Select menu?
body: <p>How do I dynamically change the color (background and text) of a single select menu in jQuery Mobile, without affecting other elements of the same class?
  I've tried several ways, including:</p>
  
  <pre><code>$('#select').css({color:#000});
  </code></pre>
  
  <p>and   </p>
  
  <pre><code>$('#select').removeClass('ui-btn-up-a').addClass('custom-class');  
  </code></pre>
  
  <p>I've also tried adding a refresh after it to no avail:</p>
  
  <pre><code>$('#select').selectmenu('refresh');
  </code></pre>
  
  <p>I'm trying to change the color based on the selected value, so I'm placing the code within the change event of the select menu like so</p>
  
  <pre><code>$("#select").live("change", function(event, ui) {
      ...
  }
  </code></pre>
  
  <p>My HTML is as follows:</p>
  
  <pre><code>&lt;select name="select" id="select"&gt;
      &lt;option value="1"&gt;1&lt;/option&gt;
      &lt;option value="2"&gt;2&lt;/option&gt;
      &lt;option value="3"&gt;3&lt;/option&gt;
      &lt;option value="4"&gt;4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Any help on changing the text color or background color is appreciated!</p>