title: Using jquery mobile framework with MVC3
body: <p>I have the problem with url link in my MVC application when I use jquery mobile libraries</p>
  
  <p>here is my header reference</p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.5.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Example</p>
  
  <pre><code>http://www.mysitename.com
  </code></pre>
  
  <p>if I go <a href="http://www.mysitename.com/home/audit" rel="nofollow">http://www.mysitename.com/home/audit</a> it works fine but if I click any link button within my application it starts appending # and then url look like <a href="http://www.mysitename.com/home/audit#home/audit" rel="nofollow">http://www.mysitename.com/home/audit#home/audit</a></p>
  
  <p>The only time it happens when I use jquery mobile framework</p>