title: How to use jqplot charts in a jquery mobile web app
body: <p>I want to create charts in jQuery mobile web app. I am using <code>jqPlot</code> charts but I am unable to create charts. 
  I am using the following code:</p>
  
  <pre><code>    &lt;html&gt;
      &lt;head&gt;
          &lt;script type="text/javascript" src="@Url.Content("~/Scripts/app/jquery.mobile-1.0b2.min.js")"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"src="@Url.Content("~/Scripts/jquery.jqplot.min.js")"&gt;&lt;/script&gt;
          &lt;link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/jquery.jqplot.min.css" )"/&gt;
          &lt;link rel="stylesheet" href="@Url.Content("~/Content/jquery.mobile-1.0b2.css")" /&gt;
          &lt;link rel="stylesheet" href="@Url.Content("~/Content/jquery.mobile-1.0b2.min.css")" /&gt;
  
          &lt;script type="text/javascript"&gt;
              $('#index').live('pageinit', function (event) {
                  alert("jqplotchart");
                  $.jqplot('container', [[[1, 2], [3, 5.12], [5, 13.1], [7, 33.6], [9, 85.9], [11, 219.9]]]);
              });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="index" data-role="page"&gt;
              &lt;div id="container" style="height: 400px; min-width: 600px"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>To check the jQuery I also added an alert in the function but it is not showing the alert also. Maybe because I am using the <code>pageinit()</code> event in the wrong way? Please suggest me how to use the <code>pageinit()</code> event or do I need to use other events to create the charts? </p>