title: How to get Json data to html using jQuery
body: <p>Alright guys, I'm fairly new to Json, so sorry if this doesn't make alot of sense..</p>
  
  <p>I'm trying to retrieve data from a json file to display in a html document using jQuery. I've been able to console.log the raw json data with this code:</p>
  
  <pre><code>$(document).ready(function ($) {
      $.getJSON("http://mtgjson.com/json/AllSets.json",    function (data) {
          console.log(data);
      });
  });
  </code></pre>
  
  <p>Wich gives me the following data.</p>
  
  <p><img src="https://i.stack.imgur.com/CjCOw.jpg" alt="enter image description here"></p>
  
  <p>I'm trying to make an <code>&lt;ul&gt;</code> and put all the data 'name' into the <code>&lt;li&gt;</code> using jQuery. So I end up with a huge list of names. I've been searching for the past 3 hours and haven't found anything that can help me. So any help would be appreciated greatly. Thanks in advance. </p>