title: How to insert a json object into an unordered list
body: <p>I have a json object that i created using obj = JSON.parse(data). "data" was recieved from a webserver. I know the object is correct because i can print single variables from it into a div or my list.</p>
  
  <p>This is what is the json object is created from:</p>
  
  <p>[{"name":"Staurikosaurus","group":"Saurischia","diet":"Carnivore","period":"Triassic"},{"name":"Diplodocus","group":"Saurischia","diet":"Herbivore","period":"Jurassic"},{"name":"Stegosaurus","group":"Ornithischia","diet":"Herbivore","period":"Jurassic"},{"name":"Tyrannosaurus","group":"Saurischia","diet":"Carnivore","period":"Cretaceous"}]</p>
  
  <p>Literally all i want to do is put this into a  to show up on a web page.</p>
  
  <p>My current code: </p>
  
  <pre><code> function getJson(){$.get(MY URL, function(data) {
              // String
              //console.dir(data);
  
              // Parse JSON
              var obj = JSON.parse(data);
  
              // JSON object
              //console.dir(obj);
              $('#myList').html("&lt;li&gt;"+obj[0].period+"&lt;/li&gt;&lt;li&gt;"+obj[2].period+"&lt;/li&gt;");
              //$('#myList').html("&lt;li&gt;obj[2].period&lt;/li&gt;");
          });
  
      }
  </code></pre>
  
  <p>This successfully prints out the list with Triassic then Jurrasic.</p>
  
  <p>I would prefer to do this in Jquery but javascript is okay.</p>
  
  <p>Thank You.</p>