title: Ajax function will not work on mobile browser
body: <p>Hello and thanks for looking this over. Very new to jQuery/ajax etc. This website has FTP access to appropriate server, so I (as far as I know) am not violating cross-domain policy.
  This is website works fine on any desktop browser but does not work on any mobile browser. 
  I feel like the issue is obviously but I don't know what to do. Can someone help me with This?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt; 
  &lt;html&gt;
  
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;GRID Mobile&lt;/title&gt;
  &lt;meta name = "viewport" content="width=device-width, user-scalable=no"/&gt;
  &lt;link href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css"/&gt;
  &lt;script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $.ajax({
              type: 'GET',
              url: 'http://www.e-grid.net/BayAreaTech/wp-rss2.php?cat=1',
              dataType: 'xml',
              success: function (xml) {
                  $(xml).find("item").each(function () {
                      var title = $(this).find("title").text();
                      var description = $(this).find("description").text();
                      var linkUrl = $(this).find("link").text();
                      var link = "&lt;a href='" + linkUrl + "' target='_blank'&gt;Read More&lt;a&gt;";
                      $('#feedContainer').append('&lt;h3&gt;'+title+'&lt;/h3&gt;&lt;p&gt;'+description+link+'&lt;/p&gt;');
                  });
              }
          });
  &lt;/script&gt;
  
  &lt;/head&gt; 
  &lt;body&gt; 
  
  &lt;div data-role="page" id="page"&gt;
  
  
  
      &lt;div data-role="header" data-theme="b"&gt;
  
  
      &lt;h1&gt;GRID MOBILE&lt;/h1&gt;
  
  &lt;/div&gt;
      &lt;div data-role="content"&gt;   
          &lt;div id="feedContainer"&gt;&lt;/div&gt;  
          &lt;h3&gt;&lt;/h3&gt;
          &lt;p&gt;&lt;/p&gt;
  
      &lt;/div&gt;
      &lt;div data-role="footer"&gt;
          &lt;h4&gt;Advertisements&lt;/h4&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>