title: jquery MOBILE issue -> using .removeClass and .addClass not working
body: <p>Couldn't find anyone having the same issue (search results usually return ridiculous coding errors with jquery and css, but that's not the case here.</p>
  
  <p>Problem:
  I have <li> with classes 'active', and 'inactive'.</p>
  
  <p>On inactive - the list item will have a background image 1
  on active - hte list item will have background image 2</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ul&gt;
      &lt;li class="active"&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="inactive"&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>On click, it's supposed to switch them right... example code:</p>
  
  <pre class="lang-js prettyprint-override"><code>$('ul li.inactive&gt;a').live('click', function (e) { 
          e.preventDefault();
          theLI = $(this).closest("li");
              // active / deactivate buttons
              theLI.removeClass('inactive').addClass('active');   
      });
  </code></pre>
  
  <p>With JQUERY MOBILE this code doesn't work, I've tried adding the class first, then removing... also tried toggleclass for the active.</p>
  
  <p>If I removing jquery mobile from being included, it works perfectly.
  Add jquery mobile library back in, doesn't work.</p>
  
  <p>Not a css problem. </p>
  
  <p>Upon inspection with firebug, it seems removing classes works find, it's when it tries to add it?</p>