title: get and sort JSON array in jQuery
body: <p>I've read all of the related questions on here but nothing seems to work for me.  I'm trying to take information from a .json file and sort it by nearest date to today and then present all the information relating to that event.</p>
  
  <p>events.json</p>
  
  <pre><code>[
   {
    "title":"Event 1",
    "start": "2014-12-06T09:00:00"
   },{
    "title":"Event 2",
    "start": "2014-12-11T09:00:00"
   },{
    "title":"Event 3",
    "start": "2014-12-13T10:00:00"
   }
  ]
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>$.getJSON( "events/events.json", function(data){
      var array = $.map(data, function (item, index) {
      console.log([item.title, item.start]);
      });
  });
  </code></pre>
  
  <p>Instead of, as I expected, showing me Array[3] (and then the events, start date) in the console, it shows me </p>
  
  <pre><code>["Event 1", "2014-12-06T09:00:00"]
  ["Event 2", "2014-12-11T09:00:00"]
  ["Event 3", "2014-12-13T10:00:00"]
  </code></pre>
  
  <p>Where am I going wrong?</p>
  
  <p>EDIT:  Thanks for all the help so far, but I think I've not been very clear with what I'm after.  I want to get the data to display </p>
  
  <pre><code>Array[3]
    {"Event 1", "2014-12-06T09:00:00"}
    {"Event 2", "2014-12-11T09:00:00"}
    {"Event 2", "2014-12-13T10:00:00"}
  </code></pre>
  
  <p>so that I can sort the array by date, if they are all in sub arrays, or their own arrays, I cant sort them against each other (or if I can, I don't know how, and didn't know you could!)</p>