Navigate event not firimg

Navigate event not firimg

Hi,
I'm new with JQM and I do not understand the navigate event within multipage document. I want to navigate through the different pages and make ajax requests to a server to refresh some of the content. The page structure is like this:
  1.         <div data-role="page" id="map-page">
  2.             <div class="init">
  3.                 <h1>Map Page</h1>
  4.                 <ul>
  5.                     <li><a href="#list-page">Go to List</a></li>
  6.                     <li><a href="#picture-page">Take Picture</a></li>
  7.                     <li><a href="#details-page">Go to Details</a></li>
  8.                 </ul>
  9.             </div>
  10.         </div>
  11.         <div data-role="page" id="list-page">
  12.             <div class="init">
  13.                 <h1>List Page</h1>
  14.                 <ul>
  15.                     <li><a href="#map-page">Go to Map</a></li>
  16.                     <li><a href="#picture-page">Take Picture</a></li>
  17.                     <li><a href="#details-page">Go to Details</a></li>
  18.                 </ul>
  19.             </div>
  20.         </div>
if I try to capture the navigate event nothing happens when clicking on the links:
  1. $(window).on("navigate", self.onNavigate);
If I use the pagechange I can pick the events correctly
  1. $(window).on("pagechange", self.onNavigate2);
Is the navigate event only firing when navigating programatically? because if I call
  1. $.mobile.navigate("#map-page", {info: "aaa"});
the navigate event is fired.

It seems I'm not getting the explanations in the navigation section of the demos, can you hint me?

TIA.