title: Getting button on Footer in Jquery mobile
body: <p>I need to add the button on the right hand side of the footer. I am adding it like this</p>
  
  <pre><code>&lt;div data-role="footer" id="ftrMain" name="ftrMain" data-position="fixed"&gt;
  &lt;h4&gt;Copyright 2011&lt;/h4&gt;
  &lt;a class="ui-btn-right" data-theme="a"  data-ajax="false" href="/login.php?mode=logout"&gt;Logout&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am getting the button but it is coming at the start of the next line. If I change the role to header, the button positions perfectly. Even if I add class="ui-header" in footer div, it comes ok but then it simply doesn't get its position fixed. ('coz it has now both the style ui-footer and ui-header)</p>
  
  <p>How can I put the button on footer on extreme right without sacrificing the data-position? (I need the data-position fixed also)</p>