title: how to manually set the data-url on a Jquery Mobile page which has an id attribute specified?
body: <p>I'm a little lost... </p>
  
  <p>I need my Jquery Mobile page to have an id, but set the data-url to file path. By default JQM takes the filepath as <strong>data-url</strong>, but if an id is supplied, the data-url will be overwritten with the id, which I don't want.</p>
  
  <p>So:</p>
  
  <pre><code>&lt;div id="some" data-role="page"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Will result in: </p>
  
  <pre><code>&lt;div id="some" data-role="page" data-url="some"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>While I need it to be:</p>
  
  <pre><code>&lt;div id="some" data-role="page" data-url="/path/to/this/file.html"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to manually set the data-url, but it does not work like this:</p>
  
  <pre><code>$('div:jqmData(role="page")')
       .jqmData('url', $.mobile.path.parseUrl( window.location.href ).pathname )
  </code></pre>
  
  <p><strong>Question</strong>:<br>
  What am I doing wrong? </p>