title: Get Json data in jQuery
body: <p>There is not a single clear example that explains how to pull json data as simple as possible. I have a valid json and I need to retrieve it with jQuery</p>
  
  <p>my json output is as:</p>
  
  <pre><code>{
      "title": "blog entries",
      "items" : [
          {
              "title": "Can Members of the Diaspora Work Effectively at th",
              "date": "8/4/2009 9:42:38 AM"
          },
          {
              "title": "Ashoka Brazil",
              "date": "7/15/2009 8:56:12 AM"
          },
          {
              "title": "Life Spring Hospital",
              "date": "7/15/2009 8:56:12 AM"
          },
          {
              "title": "Pozitron/Endeavor",
              "date": "5/26/2009 8:58:39 PM"
          }
      ]
  }
  </code></pre>
  
  <p>I tried retrieving it with the following but no luck.</p>
  
  <pre><code>    $.getJSON({
          type: "GET",
          data: { PROCESS: "ViewBlog" },
          url: "http://www.pangeaadvisors.org/sep123/blog.cs.asp",
          dataType: "json",
          success: function(json) {
              $(json).find('item').each(function(){
                  var title = $(this).find('title').text();
                  $('&lt;div class="news_title"&gt;&lt;/div&gt;').html(title).appendTo('#news_wrap');
              });
          }
      });
  </code></pre>