title: How to make jQuery Mobile attributes XHTML-valid
body: <p>I started using jQuery Mobile some time ago, and as those that know jQuery Mobile know, it uses it's own HTML attributes to give items a predefined role. Mostly divs.
  Some examples:</p>
  
  <pre><code>&lt;div data-role="page" id="trackPage"&gt;
      &lt;div data-role="header"&gt;
          ...
      &lt;/div&gt;&lt;!-- /header --&gt;
      &lt;div data-role="content" id="content_init"&gt;
          &lt;form action="DoTrack" method="post" id="track_form" data-ajax="false"&gt;
              &lt;div data-role="fieldcontain" id="div_trackselect"&gt;
                  &lt;fieldset data-role="controlgroup" data-type="horizontal"&gt;
                      ....
                  &lt;/fieldset&gt;
              &lt;/div&gt;
          &lt;/form&gt;
          ...
      &lt;/div&gt;
      ...
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see, lots of jQuery attributes are added like <code>data-role data-type data-ajax data-transition data-iconpos</code> ...</p>
  
  <p>Now, I prefer to use XHTML strict syntax, but when validating I got those errors: <a href="http://cl.ly/400Q080G3X2V3j3x2S00" rel="nofollow">http://cl.ly/400Q080G3X2V3j3x2S00</a></p>
  
  <p>I tried XHTML Transitional as well, but it gave the same errors.</p>
  
  <p>I tried Googling to find a solution, but couldn't. I think to solve this, there should exist a DTD for all the jQuery Mobile attributes, right?</p>
  
  <p>Is there another way to solve this problem?</p>