title: WinJS listview itemtemplate navigate to another page
body: <p>I have the following issue I can't figure out. I have a pageControl with a listview. the list has an item template setup and I'm binding the list from the js script. I added an event handler when I click the item to navigate to another pageControl. The event fire up but when I do WinJS.Navigation.Navigate the second page is not loading.</p>
  
  <p><strong>Page 1 html:</strong></p>
  
  <pre><code>    &lt;div class="mediumListIconTextTemplate" data-win-control="WinJS.Binding.Template"&gt;
          &lt;div style="width: 100%; height: 100%;"&gt;
              &lt;!-- Displays the "title" field. --&gt;
              &lt;h4 data-win-bind="innerText: name"&gt;&lt;/h4&gt;
  
              &lt;!-- Displays the "picture" field. --&gt;
              &lt;img src="#" style="width: 100%; height: 100%;" data-win-bind="alt: name; src: imageDefault" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
      &lt;div class="collection fragment"&gt;
          &lt;header aria-label="Header content" role="banner"&gt;
              &lt;button class="win-backbutton" aria-label="Back" disabled type="button"&gt;&lt;/button&gt;
              &lt;h1 class="titlearea win-type-ellipsis"&gt;
                  &lt;span class="pagetitle"&gt;Welcome to collection &lt;/span&gt;
              &lt;/h1&gt;
          &lt;/header&gt;
          &lt;section aria-label="Main content" role="main"&gt;
  
              &lt;div id="basicListView"
                  data-win-control="WinJS.UI.ListView"
                  data-win-options="{itemDataSource : Data.items.dataSource, 
                      itemTemplate: select('.mediumListIconTextTemplate'),
                      layout: {type: WinJS.UI.GridLayout, maxRows:1}}"&gt;
              &lt;/div&gt;
  
          &lt;/section&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>page 1 JS:</strong></p>
  
  <pre><code>WinJS.UI.Pages.define("/pages/guitarCollection/guitarCollection.html", {
          // This function is called whenever a user navigates to this page. It
          // populates the page elements with the app's data.
          ready: function (element, options) {
              var list = document.getElementById("basicListView");
              list.itemDataSource = Data.items.dataSource;
              list.addEventListener("iteminvoked", this._itemInvoked);
  
              WinJS.UI.processAll();
          },
  
          unload: function () {
              // TODO: Respond to navigations away from this page.
          },
  
          updateLayout: function (element, viewState, lastViewState) {
              /// &lt;param name="element" domElement="true" /&gt;
  
              // TODO: Respond to changes in viewState.
          },
  
          _itemInvoked: function (args) {
              var name = Data.items.getAt(args.detail.itemIndex).name;
              WinJS.Navigation.navigate("/pages/page2/page2.html", { name: name});
          }
  
      });
  </code></pre>