title: How can I make JQuery Mobile ignore elements by css class?
body: <p>I have a standard link I want to style my own way within a footer like so:</p>
  
  <pre><code>&lt;div data-role="page"&gt;
  &lt;div id="footer" data-role="footer" data-position="fixed"&gt;
      &lt;a href="somelink.html&gt;some link&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I want the <code>&lt;a&gt;</code> tag to stay as is and not be transfered into this:</p>
  
  <pre><code>&lt;a href="somelink.html" data-theme="a" class="ui-btn ui-btn-corner-all ui-shadow ui-btn-up-a"&gt;
      &lt;span class="ui-btn-inner ui-btn-corner-all"&gt;
          &lt;span class="ui-btn-text"&gt;some link&lt;/span&gt;
      &lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>Is there some kind of attribute I can add to the link to stop JQM generated this themed code? I need something similar to the <code>data-role="none"</code> class explained <a href="https://stackoverflow.com/questions/5209369/how-to-stop-generating-code-on-a-particular-button">here</a> (but not for a form element)</p>