title: JQuery - Using navigator.notification.alert
body: <p>I have a requirement for a popup to appear with a custom heading (having it appear from index.html on an app just looks tacky).</p>
  
  <p>I tried the suggestion at the end of the following link:</p>
  
  <p><a href="https://stackoverflow.com/questions/9432615/custom-javascript-alerts-in-ios-using-phonegap-html">Custom JavaScript alerts in iOS using PhoneGap HTML</a></p>
  
  <p>So I added the code below to my index.html in the script section:</p>
  
  <pre><code>   function showMessage(message, callback, title, buttonName){
  
          title = title || "default title";
          buttonName = buttonName || 'OK';
  
          if(navigator.notification &amp;&amp; navigator.notification.alert){
  
              navigator.notification.alert(
                  message,    // message
                  callback,   // callback
                  title,      // title
                  buttonName  // buttonName
              );
  
          }else{
  
              alert(message);
              callback();
          }
  
      }
  </code></pre>
  
  <p>UPDATE</p>
  
  <p>I have the following code for the alert;</p>
  
  <pre><code>if ((inputNumber&gt;maxAllowed))
          {
          showMessage("The input is too high.",null,"Warning","Warning");
          }
  </code></pre>
  
  <p>After compiling the app, this is not working.</p>
  
  <p>The following is in index.html:</p>
  
  <pre><code>    document.addEventListener("deviceready", onDeviceReady, false);
  
              function onDeviceReady() {
              // Now safe to use the PhoneGap API
              }
  
  &lt;function shown above is here&gt;
  </code></pre>
  
  <p>Any idea why this is still not working? Showing from index.html</p>
  
  <p>Thank you.</p>
  
  <p>Kind Regards,</p>
  
  <p>Gary Shergill</p>