title: jQuery Mobile PhoneGap XML parsing ( iOS )
body: <p>I am using PhoneGap, jQuery mobile in Xcode. I have a local xml (data.xml) file with the following data</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;RecentTutorials&gt;
  &lt;Tutorial author="The Reddest"&gt;
      &lt;Title&gt;Silverlight and the Netflix API&lt;/Title&gt;
      &lt;Categories&gt;
          &lt;Category&gt;Tutorials&lt;/Category&gt;
          &lt;Category&gt;Silverlight 2.0&lt;/Category&gt;
          &lt;Category&gt;Silverlight&lt;/Category&gt;
          &lt;Category&gt;C#&lt;/Category&gt;
          &lt;Category&gt;XAML&lt;/Category&gt;
      &lt;/Categories&gt;
      &lt;Date&gt;1/13/2009&lt;/Date&gt;
  &lt;/Tutorial&gt;
  &lt;Tutorial author="The Hairiest"&gt;
      &lt;Title&gt;Cake PHP 4 - Saving and Validating Data&lt;/Title&gt;
      &lt;Categories&gt;
          &lt;Category&gt;Tutorials&lt;/Category&gt;
          &lt;Category&gt;CakePHP&lt;/Category&gt;
          &lt;Category&gt;PHP&lt;/Category&gt;
      &lt;/Categories&gt;
      &lt;Date&gt;1/12/2009&lt;/Date&gt;
  &lt;/Tutorial&gt;
  &lt;Tutorial author="The Tallest"&gt;
      &lt;Title&gt;Silverlight 2 - Using initParams&lt;/Title&gt;
      &lt;Categories&gt;
          &lt;Category&gt;Tutorials&lt;/Category&gt;
          &lt;Category&gt;Silverlight 2.0&lt;/Category&gt;
          &lt;Category&gt;Silverlight&lt;/Category&gt;
          &lt;Category&gt;C#&lt;/Category&gt;
          &lt;Category&gt;HTML&lt;/Category&gt;
      &lt;/Categories&gt;
      &lt;Date&gt;1/6/2009&lt;/Date&gt;
  &lt;/Tutorial&gt;
  &lt;Tutorial author="The Fattest"&gt;
      &lt;Title&gt;Controlling iTunes with AutoHotkey&lt;/Title&gt;
      &lt;Categories&gt;
          &lt;Category&gt;Tutorials&lt;/Category&gt;
          &lt;Category&gt;AutoHotkey&lt;/Category&gt;
      &lt;/Categories&gt;
      &lt;Date&gt;12/12/2008&lt;/Date&gt;
  &lt;/Tutorial&gt;
  </code></pre>
  
  <p></p>
  
  <p>And I have the following code in my html file:</p>
  
  <p></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
              $(document).ready(function()
              {
              $.ajax({
              type: "GET",
              url: "data.xml",
              dataType: "xml",
                     success: function(xml){
                     $(xml).find("Tutorial").each(function()
                                                  {
  
                                  $("#output").append($(this).attr("author") + "&lt;br /&gt;");
                                                  });
  
  
                     }
              });
              });
  
              &lt;/script&gt;
  
  
              &lt;script type="text/javascript"&gt;
                  function parseXml(xml)
                  {
  
                      $(xml).find("Tutorial").each(function()
                                                   {
                                                   $("#output").append($(this).attr("author") + "&lt;br /&gt;");
                                                   });
  
  
                  }    
              &lt;/script&gt;
  
  
  &lt;/head&gt; 
  
  &lt;body&gt; 
      &lt;div data-role="page"&gt;
  
          &lt;div data-role="header" data-position="fixed"&gt;
              &lt;h1&gt;The title&lt;/h1&gt;
          &lt;/div&gt;&lt;!-- /header --&gt;
  
          &lt;div data-role="content" id="output"&gt;
  
    &lt;--!  XML DATA SUPPOSED TO BE DISPLAYED HERE BUT I GOT NOTHING HERE  --&gt;
  
          &lt;/div&gt;&lt;!-- /content --&gt;
  
          &lt;div data-role="footer" data-position="fixed"&gt;
              &lt;h4&gt;The Footer&lt;/h4&gt;
          &lt;/div&gt;&lt;!-- /header --&gt;
      &lt;/div&gt;&lt;!-- /page --&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>I am using Xcode for the output in the iPhone simulator and its not displaying anything inside the content which is supposed to be displayed. </p>
  
  <p>Where did I do mistake or do I need third-party xml parser ?</p>
  
  <p>Any suggestions would be a great help.
  Thanks</p>