title: parse json list in reverse order
body: <p>I have pulled a list of objects from a json file and parsed them how I want them. The only problem is that I want them to display in reverse order on the HTML Doc. 
  Example of json list.</p>
  
  <pre><code>{
  "s1":{ "date":"date1", "iconSrc":"image/icon.png", "audioSrc":"../audio_files/1.mp3" },
  "s2":{ "date":"date2", "iconSrc":"image/icon1.png", "audioSrc":"../audio_files/2.mp3" },
  "s3":{ "date":"date3", "iconSrc":"image/icon2.png", "audioSrc":"../audio_files/3.mp3" }
  }
  </code></pre>
  
  <p>Example of script on HTML Doc. The current script produces results that display as follows</p>
  
  <p>s1
  s2
  s3 
  But I need to achieve 
  s3
  s2
  s1</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function ajax_get_json(){
  var hr = new XMLHttpRequest();
  hr.open("GET", "sList.json", true);
  hr.setRequestHeader("Content-type", "application/json", true);
  hr.onreadystatechange = function() {
      if(hr.readyState == 4 &amp;&amp; hr.status == 200) {
      //Initialize the data parse from JSON file
  var data = JSON.parse(hr.responseText);
  //Initializes s and sets the destination location as s Id within HTML body
      var s = document.getElementById("s");
      //Initialize serDate.innerHTML as null
      s.innerHTML = "";
      //Loops all objects and data within the sermonList.json file
      for(var obj in data){
          //Displays s dates, icon, anchors the audioSrc to the icon
                      /*
                      //WANT THESE ITEMS TO BE DISPLAYED FROM HIGHEST INDEX TO LEAST
                      //s3, s2, s1
                      */
              s.innerHTML += "Date: "+data[obj].date+" &lt;a href='"+data[obj].audioSrc+"' target='blank'&gt;&lt;img src='"+data[obj].iconSrc+"'&gt;&lt;/a&gt;&lt;br /&gt;";
          }
      }
      }
      hr.send(null);
      //Displays text while loading
      s.innerHTML = "requesting...";
  }
  &lt;/script&gt;
  </code></pre>