title: How to display JSON data with jQuery Ajax?
body: <p>My code is not working and  not sure why. Please help</p>
  
  <p>I have an AJAX call that returns some JSON like this but wont returns my data from the json file:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  $(function() {
      ajaxJS();
      function ajaxJS(e) {
        if (e) {
          e.preventDefault();
        }
        $.ajax({
          url: "https://raw.githubusercontent.com/RichmondDay/public/master/test_vehicle_inventory_data.json",
          method: "GET",
          success: function(data) {
            console.log(data);
            var html_to_append = '';
            $.each(data, function(i, item) {
              html_to_append +=
              '&lt;div class="col-3 mb-3"&gt;&lt;div class="text-uppercase"&gt;&lt;p&gt;' +
              item.Name + 
              '&lt;div class="col-3 mb-3"&gt;&lt;div class="ext-uppercase"&gt;&lt;p&gt;' +
              item.Price +
              '&lt;/p&gt;&lt;/div&gt;&lt;img  class="image img-fluid" src="' +
              item.photo +
              '" /&gt;&lt;p class="company"&gt;' +
              item.Retailer +
              '&lt;/p&gt;&lt;/div&gt;';
            });
            $("#items-container").html(html_to_append);
          },
          error: function() {
            console.log(data);
          }
        });
  
      }
  
    });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="container-fluid"&gt;
      &lt;div id="items-container" class="row"&gt;&lt;/div&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Json</p>