JQuery Mobile Navbar packaging on 4 (not 5) items

Question

I work with jQuery Mobile and according to the documentation the navigation bar will be wrapped in five elements. However, in my work with him, he wraps only 4 elements. Is this the expected behavior?

Code

<div data-role="page" id="images"> <div data-role="header"> <h1><%= @disease.name %></h1> <a href="index.html" data-icon="plus" class="ui-btn-right">Add</a> </div><!-- /header --> <div data-role="content"> <p>Images will be here.</p> </div><!-- /content --> <div data-role="footer"> <div data-role="navbar"> <ul> <li><a href="#images" class="ui-btn-active">Images</a></li> <li><a href="#symptoms">Symptoms</a></li> <li><a href="#treatments">Treatments</a></li> <li><a href="#notes">Notes</a></li> </ul> </div><!-- /navbar --> </div><!-- /footer --> </div><!-- /page --> 

Answer 1

I noticed that you are using a test site for documentation. Are you using test CSS / JS, or are you using jQM a4.1?

Using your code and jQM a4.1 seems to work fine for me.

• Live Example: http://jsfiddle.net/Dnqn9/1/
• Docs: http://jquerymobile.com/demos/1.0a4.1/