title: JQuery Mobile Multipage feature is not working with ASP.Net MVC 3
body: <p>I am trying to use simple multipage feature of jquery mobile, but its not working with my ASP.Net MVC 3 test.cshtml page. Below is the source of the page. Can anyone help me with this?</p>
  
  <pre><code>@{
  ViewBag.Title = "TestPage For Multiple Page";
  Layout = "";   
  }
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;title&gt;@ViewBag.Title&lt;/title&gt;
  &lt;meta name="viewport" content="width=device-width" /&gt;
  &lt;link href="@Url.Content("~/Content/jquery.mobile-1.1.0.min.css")" rel="stylesheet" type="text/css" /&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery-1.6.4.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery.mobile-1.1.0.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div data-role="page" id="main" data-theme="a"&gt;
      &lt;div data-role="header"&gt;
      &lt;/div&gt;
      &lt;div data-role="content"&gt;
          some content &lt;a href="#linkdiv"&gt;Test&lt;/a&gt;
      &lt;/div&gt;
      &lt;div data-role="footer"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div data-role="page" data-theme="a" id="linkdiv"&gt;
      &lt;div data-role="header"&gt;
      &lt;/div&gt;
      &lt;div data-role="content"&gt;
          Testing
      &lt;/div&gt;
      &lt;div data-role="footer"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>