title: links not working in my jquery mobile
body: <p>I am working on a mobile web app and have different seperated pages and some with multipages inside. </p>
  
  <p>The footer contains links to the external pages. When im trying to put an anchor link, it wont work. Any solution?</p>
  
  <p>Here are the codes for my footer and my anchor</p>
  
  <pre><code>&lt;div data-role="footer" data-position="fixed" data-id="myfooter"&gt;
  
          &lt;div data-role="navbar" id="mainnavbar"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a rel="external" href="home.html" class="ui-btn-active ui-icon-fa"&gt;&lt;img src="../img/icons/home@2x.png"&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a rel="external" href="search.html" &gt;&lt;img src="../img/icons/lista@2x.png"&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#chooser" &gt;&lt;img src="../img/icons/watto@2x.png" width="36" height="36"&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a rel="external" href="location.html"&gt;&lt;img src="../img/icons/location@2x.png"&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a rel="external" href="settings.html" &gt;&lt;img src="../img/icons/profile@2x.png"&gt;&lt;/a&gt;&lt;/li&gt;
  
      &lt;/div&gt;
  
  
  &lt;/div&gt; 
  </code></pre>
  
  <p>Anchor code:</p>
  
  <pre><code>   &lt;div role="main" class="ui-content"&gt;
  
              &lt;div id="logo"&gt;
  
                  &lt;img src="../img/LogoSF.png" style="text-align:center" height="auto" width="60%"&gt;
  
              &lt;/div&gt;    
  
              &lt;div id="contenido"&gt;
  
                  &lt;h1&gt; Bienvenido a Chooser &lt;/h1&gt;
  
                  &lt;p&gt; Estas a 10 preguntas de encontrar tu plan ideal. &lt;/p&gt;
  
  
                  &lt;div id="continuar"&gt;
  
                  &lt;a href="#1" class="ui-btn"&gt;A&lt;/a&gt;
  
                  &lt;/div&gt;
  
              &lt;/div&gt;
  </code></pre>
  
  <p>any solutions?</p>