title: How to pass parameters while changing the page in JQuery Mobile?
body: <p>I've searched around stackoverflow but didnt find a proper solution to programmatically change the jqm page and pass a (get) parameter with it. I'm new to jqm so maybe I get something wrong on passing data with the changePage() function.</p>
  
  <p>using jquery mobile 1.1.1 and jquery 1.8.0 </p>
  
  <p>I have a list and want all items to point to the same #profile page. on that page I want to load the appropriate data with ajax/json.  </p>
  
  <pre><code>&lt;ul data-role="listview" data-theme="a"&gt;
     &lt;li&gt;&lt;a href="#profile"&gt;Martin&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#profile?id=2"&gt;Johnny&lt;/a&gt;&lt;/li&gt;   
     &lt;li&gt;&lt;a href="#" onclick="changePage()"&gt;Luke&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The first link working, but no id is passed (obviously)</p>
  
  <p>The second link ist not working throws exception (in chrome): Uncaught Error: Syntax error, unrecognized expression: #profile?id=3 </p>
  
  <p>The third link uses this function:</p>
  
  <pre><code>function changePage() {
              $.mobile.changePage("#profile", { data: {id:1} });
              //alert('page changed.'); 
              return false;
          }
  </code></pre>
  
  <p>It changes the page but the url is basefile.html?id=1 but it should be basefile.html#profile?id=1</p>
  
  <p>Can anyone help with that? Thanks a lot.</p>