Footer "data-id" issue (Fixed & Persistent footers)

Footer "data-id" issue (Fixed & Persistent footers)

Footer "data-id" issue (Fixed & Persistent footers)

Hi,
i just ran into something strange!?

Making the footer persistent between transitions works great, except that every time i switch back and forth between pages i get a "0" zero written to the page content.

Here is the code... page 1 (zzz1.html)

<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport" />
<title>Mobile index</title>
<link href="jquery.mobile.theme-1.1.1.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery.mobile.structure-1.1.1.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="jquery.mobile-1.1.1.min.js" type="text/javascript"></script>
</head> 
<body> 

<div data-role="page">

<div data-role="header" data-theme="b">
<h1>Page 1</h1>
</div><!-- /header -->

<div data-role="content">
<p>Page 1</p>
</div><!-- /content -->

<div data-role="footer" data-id="foo11" data-position="fixed" data-theme="b" class="ui-bar"> 
<a href="zzz2.html" data-role="button">Go to page 2</a>
</div> 
</div><!-- /page -->

</body>
</html>


Page 2 (zzz2.html)

<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport" />
<title>Mobile index</title>
<link href="jquery.mobile.theme-1.1.1.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery.mobile.structure-1.1.1.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="jquery.mobile-1.1.1.min.js" type="text/javascript"></script>
</head> 
<body> 

<div data-role="page">

<div data-role="header" data-theme="b">
<h1>Page 2</h1>
</div><!-- /header -->

<div data-role="content">
<p>Page 2</p>
</div><!-- /content -->

<div data-role="footer" data-id="foo11" data-position="fixed" data-theme="b" class="ui-bar"> 
<a href="zzz1.html" data-role="button">Go to page 1</a>
</div> 
</div><!-- /page -->

</body>
</html>

Any idea what i'm doing wrong?

Thanks in advance!

Yves Birrer