title: How to read and process JSON with jQuery
body: <p>I want to take the following JSON and output it to a <code>&lt;div&gt;</code> called "#updateArea" using jQuery and I can't seem to figure out what's wrong with my code, so anything helps.</p>
  
  <p>My JSON:</p>
  
  <pre><code>{
      "entry": [
          {
              "heading":"About us",
              "paragraph": "Some Text",
              "paragraph2": "Some Text"
          }
      ]
  }
  </code></pre>
  
  <p>My jQuery:</p>
  
  <pre><code>function JSON(){
      $.getJSON('about.json', function(data) {
          $.each(data.entry, function(i,entry) {
              var html = '&lt;h1&gt;' + entry.heading + '&lt;/h1&gt;';
              html += '&lt;div&gt;' + entry.paragraph + '&lt;/div&gt;';
              html += '&lt;div&gt;' + entry.paragraph2 + '&lt;/div&gt;';
              $('#updateArea').append(html);
          });
      });
  }
  </code></pre>
  
  <p>Thanks in advance!</p>