title: How do I loop over this JSON and append the content to html in a div?
body: <p>My JSON looks like this:</p>
  
  <pre><code>{
        "content": [
          {
            "title": "'I need some rest'",
            "description": "Descript One",
            "link": "http://www.google.com/?id=90#hhjjhjC-RSS",
            "guid": "http://www.google.com/?id=90",
            "pubDate": "Fri, 15 Oct 2002 08:27:27 GMT"
          },
          {
            "title": "I have no objection",
            "description": "descroption will ne populated here",
            "link": "http://www.google.com/?id=90#hhjjhjC-RSSRSS",
            "guid": "http://www.google.com/?id=9werwer0",
            "pubDate": "Fri, 14 Aug 2009 15:54:26 GMT"
          },
          {
            "title": "Mised the Buss",
            "description": "Missed the bus decsription",
            "link": "http://www.google.com/?CMP=OTC-RSS",
            "guid": "http://www.google.com/",
            "pubDate": "Fri, 21 Jul 2009 15:08:26 GMT"
          }
  
  
  
        ]
      }
  </code></pre>
  
  <p><strong>Can someone guide in telling me how do I loop over this JSON and append it to html.
  I was trying something like this?</strong></p>
  
  <pre><code>$(function() { 
              $.getJSON("http://crossdomain.com/path/to/abovejsonfile", function(data) {
                  $.each(data.item[0], function(index, it){
                       var d = $('&lt;div&gt;'+ it.title +'&lt;/div&gt;');
                      alert(d);   //doesn't work          
                  });
              });
  </code></pre>
  
  <p><strong>My rendered page should be like this?</strong> </p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="node" id="n1"&gt;
  &lt;div class="title"&gt;Title should come here&lt;/div&gt;
  &lt;a class="link"&gt;Link&lt;/a&gt;
  &lt;div class='d'&gt;Date should be here&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="node" id="n2"&gt;
  &lt;div class="title"&gt;Title should come here&lt;/div&gt;
  &lt;a class="link"&gt;Link&lt;/a&gt;
  &lt;div class='d'&gt;Date should be here&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="node"  id="n3"&gt;
  &lt;div class="title"&gt;Title should come here&lt;/div&gt;
  &lt;a class="link"&gt;Link&lt;/a&gt;
  &lt;div class='d'&gt;Date should be here&lt;/div&gt;
  &lt;/div&gt;
  ......
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help is deeply appreciated.</p>
  
  <p>Mike</p>