get json information into html control with javascript

1/* I put your JSON into an external file, loaded from github */
2var url = "https://raw.githubusercontent.com/mspanish/playground/master/jessica.json";
3
4/* this tells the page to wait until jQuery has loaded, so you can use the Ajax call */
5
6$(document).ready(function(){
7  $.ajax({
8    url: url,
9    dataType: 'json',
10      error: function(){
11        console.log('JSON FAILED for data');
12      },
13    success:function(results){
14  /* the results is your json, you can reference the elements directly by using it here, without creating any additional variables */
15  
16      var cartItemsList = document.getElementById("cartItemsList");
17
18      results.basket.productList.forEach(function(element) {
19      cartItemsList.insertAdjacentHTML( 'beforeend',"<li>" +              element.product.name + " : " + element.price+ " </li>");
20      }); // end of forEach
21    }  // end of success fn
22   }) // end of Ajax call
23 }) // end of $(document).ready() function