title: Display json result in page
body: <p>I have the following js script and html codes and would like to output the result on a page. When I run it in console I can see the results as follows:</p>
  
  <p><em>[Object { title="They didn’t Bow; They didn’t Burn", link="http://xxxxxxx.com/bow-burn/", author="Admin", more...}, Object { title="When last did you antic...ant areas of your life?", link="http://xxxxxxx...significant-areas-life/", author="Admin", more...}, Object { title="Marriage Is Honourable In All…", link="http://xxxxxxx...arriage-honourable-all/", author="Admin", more...}, Object { title="Dwelling In The Strongholds Of God", link="http://xxxxxxx...elling-strongholds-</em></p>
  
  <p>html code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
  
      &lt;!-- Always force latest IE rendering engine (even in intranet) &amp; Chrome Frame
      Remove this if you use the .htaccess --&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
  
      &lt;script src="css/style.css"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div id="blog" data-role="page"&gt;
      &lt;div data-role="header" class="sys_hd" data-position="fixed" data-id="sys_header" &gt;
          &lt;h1&gt;Sysads Posts&lt;/h1&gt;
          &lt;/div&gt;&lt;!-- header --&gt;
          &lt;div data-theme="c" data-role="content" id="postlist"&gt; &lt;/div&gt;&lt;!-- content --&gt;
          &lt;div data-role="footer" data-position="fixed" data-id="sys_footer" &gt;
                      &lt;div data-role="navbar" &gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#blog" class="sys_ft"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#blog" class="sys_ft"&gt;Disclaimer&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;&lt;!-- navbar --&gt; 
          &lt;/div&gt;&lt;!-- footer --&gt; 
      &lt;/div&gt;&lt;!-- page --&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>js code:</p>
  
  <pre><code>$(document).ready((function(){
       url = 'http://xxxxxxxx.com/category/daily-devotion/feed/';
          $.ajax({
          type: "GET",
          url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&amp;num=1000&amp;callback=?&amp;q=' + encodeURIComponent(url),
          dataType: 'json',
          error: function(){
              alert('Unable to load feed, Incorrect path or invalid feed');
          },
          success: function(xml){
              postlist = xml.responseData.feed.entries;
              console.log(postlist);
          }
      });
  }));
  </code></pre>