title: alert message not displayed in jquery mobile application
body: <p>I am new to jquery and jquery mobile. I am currently trying to create a simple mobile application that, once a page is loaded, displays an alert message.
  I have added in the head section of the html file, as suggested, the following code:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="jquery.mobile-1.3.0.min.css" /&gt;
  &lt;script type="text/javascript" src="jquery-1.9.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $('#chart').live('pageinit', function() {
          alert('jQuery Mobile: pageinit for Config page');
      });
  &lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.mobile-1.3.0.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In the body section I have added, as expected, the code for the chart page:</p>
  
  <pre><code>&lt;div data-role="page" data-theme="b" id="chart"&gt;
      &lt;div data-role="header" data-position="fixed"&gt;
          &lt;a href="#main-page" data-icon="arrow-r" data-iconpos="left" data-transition="slide" data-direction="reverse"&gt;Back&lt;/a&gt;
          &lt;h1&gt;Year Chart&lt;/h1&gt;
      &lt;/div&gt;
  
      &lt;div data-role="content"&gt;
          &lt;div id="container"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div data-role="footer" data-position="fixed"&gt;
          &lt;div data-role="navbar"&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However, when the chart page is loaded in the browser of my computer (not the phone), no alert message is displayed. Does anyone know where the problem may lie? Thanks in advance!</p>