title: Cannot read property "alert" of undefined
body: <p>I'm new in jQuery</p>
  
  <p>That's my js code, can anyone tell me what i'm doing wrong?</p>
  
  <pre><code>$(document).ready(function() {
      app.initialize();
  });
  var app = {
      initialize: function() {
          this.bind();
      },         
      bind: function() {            
          document.addEventListener('deviceready', this.deviceready, false);
          $(".buttonConferma").on("tap", selezione.conferma);
      },         
      deviceready: function() {
          app.start();
      },     
      start: function() {                        
          }
      };             
  var selezione = {
           conferma: function() {              
                 navigator.notification.alert("Confermato");
              }
          }
  </code></pre>
  
  <p>The error come when I click the <code>.buttonConferma</code>, which is:</p>
  
  <pre><code>&lt;div data-role="content" class="buttonConfermaContainer"&gt;
                  &lt;a data-role="button" class="button buttonConferma"
                       data-icon="check" data-iconpos="right"&gt;CONFERMA&lt;/a&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>Shouldn't this be just like an alert? 
   <code>navigator.notification.alert("Confermato");</code></p>
  
  <p>I get this error:</p>
  
  <blockquote>
    <p><strong>Uncaught TypeError:</strong> Cannot read property 'alert' of undefined</p>
  </blockquote>
  
  <p>That's my HTML anchor</p>
  
  <pre><code>&lt;div data-role="content" class="buttonConfermaContainer"&gt;
                  &lt;a data-role="button" class="button buttonConferma"
                       data-icon="check" data-iconpos="right"&gt;CONFERMA&lt;/a&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>