Footer is not in the bottom of the window, (phonegap jquery mobile app for windows mobile)

<div data-role="footer" data-position="fixed">
your footer data
</div>

var url = window.location.href;
                            url = url.split('#').pop().split('?').pop();
                            url = url.replace(url.substring(url.lastIndexOf('/') + 1),"second.html");
                            $.mobile.changePage(url, { reloadPage : false, changeHash : false });

<div id="wrapper"> 
   <div id="content">
    your list / content
   </div>
</div>
<footer></footer>

#wrapper {
 height:100%;
padding-bottom:100px; /* Footer height */
 }
footer {
height:100px;
margin-top:-100px,/* Footer height */
}