title: jquery mobile remove active theme
body: <p>Here's a <a href="http://jsfiddle.net/Shgpb/" rel="nofollow">JSfiddle</a>. But just in case - Here's some code for a typical navbar using jquery mobile.</p>
  
  <pre><code>&lt;div data-role='navbar' data-theme='a' id='nav' data-iconpos='left'&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href='#' data-role='button' data-icon='home' id='home'&gt;HOME&lt;/a&gt;
          &lt;div id='homeX' class='navBtn act' style='float:left;'&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='#' data-role='button' data-icon='grid' id='lists'&gt;LISTS&lt;/a&gt;
          &lt;div id='listsX' class='navBtn' style='float:left;'&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='#' data-role='button' data-icon='search' id='search'&gt;SEARCH&lt;/a&gt;
          &lt;div id='searchX' class='navBtn' style='float:left;'&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='#' data-role='button' data-icon='gear' id='settings'&gt;SETTINGS&lt;/a&gt;
          &lt;div id='settingsX' class='navBtn' style='float:left;'&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>By default, Jquery changes the theme when you select a button from the navbar. I want the theme to remain the same. In this particular example, Jquery changes the theme from "a" to "b", but I want the theme to remain "a". </p>
  
  <p>I have already tried this:</p>
  
  <pre><code>.ui-btn-active{background-color:#000;color:#fff;}
  </code></pre>
  
  <p>but that changed the color to pure black and not the black theme that jquery mobile uses.</p>
  
  <p>Does anyone know how to prevent the active state from changing themes?</p>
  
  <p>Again, heres a <a href="http://jsfiddle.net/Shgpb/" rel="nofollow">JSfiddle</a></p>