title: Prevent iPad web app from showing Safari address bar
body: <p>I have a web app running on Safari on an iPad.  I am starting the app from the iPad home page.  I want the app to start in full-screen mode, and to continue running in full-screen mode (i.e. not showing the Safari address bar).  I have therefore added the following meta-tags to the site master page:</p>
  
  <pre><code>&lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
  &lt;meta name="apple-mobile-web-app-status-bar-style" content="black" /&gt;
  &lt;meta name="viewport" content="width=device-width"&gt;
  </code></pre>
  
  <p>I start the app from the iPad home page and it starts nicely in full-screen mode (not showing the Safari address bar) but when I click a to another page in the site (with the same meta-tags, as inherited from the same site master page) then the address bar suddenly pops into view (and remains in view).  The link looks as follows (I am using jQueryMobile):</p>
  
  <pre><code>&lt;a href="/Home" data-ajax="false"&gt;Home&lt;/a&gt;
  </code></pre>
  
  <p>How can I force the web app to remain looking like a 'native-app' by keeping the address bar hidden when navigating between internal pages?</p>