title: Display json data from jQuery.ajax in HTML using loop
body: <p>Hello suppose I have the following ajax call:</p>
  
  <pre><code>jQuery.ajax({
      type: "GET",
      url: "https://myurl.com",
      success: function(data)
      {
          console.log(data);
      }
  });
  </code></pre>
  
  <p>That results in the following json data (in my console)</p>
  
  <pre><code>{
    "meta": {
      "last_updated": "2017-07-06"
    },
    "results": [
      {
        "term": "DRUG INEFFECTIVE",
        "count": 1569
      },
      {
        "term": "NAUSEA",
        "count": 1374
      },
      {
        "term": "FATIGUE",
        "count": 1371
      }
    ]
  }
  </code></pre>
  
  <p>How can I populate a <code>div</code> in my HTML page with this data in a format something like:</p>
  
  <pre><code>term: x
  count: xx
  
  term: x
  count: xx
  
  term: x
  count: xx
  </code></pre>
  
  <p>I am not interested in the "meta" stuff only the "results"</p>
  
  <p>Anyone know how to use a simple loop to display this data?</p>
  
  <p>Thanks!</p>