title: How to sort in ractive.js
body: <p>I have got the following data (sample):</p>
  
  <pre><code>"data": {
      "eventsHeading": "Upcoming events",
      "eventsToBeDisplayed": 3,
      "allEventLinkText": "See all events",
      "eventsList": [
  {
      "eventDate": "23/10/2016",
      "eventTitle": "EVENT INFO 1"
  },
  {
      "eventDate": "22/10/2016",
      "eventTitle": "EVENT INFO 2"
  },
  {
      "eventDate": "24/10/2016",
      "eventTitle": "EVENT INFO 3"
  },
  {
      "eventDate": "21/10/2016",
      "eventTitle": "EVENT INFO 4"
  }
      ]
  }
  </code></pre>
  
  <p>And I have something like this:</p>
  
  <pre><code>        &lt;table&gt;
              &lt;tbody&gt;
                  {{#eventsList:i}}
                  {{#i &lt; eventsToBeDisplayed}}
                      &lt;tr&gt;
                                  &lt;td class="date-column"&gt;{{eventDate}}&lt;/td&gt;
                                  &lt;td class="text-link truncate-text"&gt;&lt;ux-anchor class="text-link" href="{{link}}"&gt;{{eventTitle}}&lt;/ux-anchor&gt;
                      &lt;/tr&gt;
                  {{/}}
                  {{/}}
              &lt;/tbody&gt;
          &lt;/table&gt;
  </code></pre>
  
  <p>So currently, this will loop to fetch only 3 Data and it will show:</p>
  
  <pre><code>23/10/2016   EVENT INFO 1
  
  22/10/2016   EVENT INFO 2
  
  24/10/2016   EVENT INFO 3
  </code></pre>
  
  <p>What i want to do is sort first the eventDate so i will fetch the incoming eventDate, so it will be like this:</p>
  
  <pre><code>21/10/2016   EVENT INFO 4
  
  22/10/2016   EVENT INFO 2
  
  23/10/2016   EVENT INFO 1
  </code></pre>
  
  <p>What is the best approach to do this?</p>