title: JSON url to link
body: <p>I'm using the google news API and I want to add the value of the URL to be on the article title and convert the image from the JSON data to be viewable. Below is my code so far.  </p>
  
  <pre><code>/*$.getJSON(url, function(data){
        console.log(data);
    });*/
  
  $.ajax({
      url:
          "https://newsapi.org/v2/everything?apiKey=xxx&amp;q=nrcs",
      dataType: "json",
      type: "get",
      cache: false,
      success: function (data) {
  
  
          $(data.articles).each(function (index, value) {
              //console.log(value);        
              $('#news').append('&lt;div&gt;' + '&lt;h3 id="title" style="color:#B8860B;"&gt;' + value.title + '' + value.url + '&lt;/h3&gt;' + '&lt;p&gt;' + '&lt;span style="color:#C4BFBF; font-style: italic;"&gt;' + value.author + '&lt;/span&gt;' + '&lt;br&gt;' + value.publishedAt + '&lt;br&gt;' + value.description + '&lt;/p&gt;' + '&lt;/div&gt;');
              $('#link').append(value.url);
          });
      }
  });
  </code></pre>