JSFiddle - React, Tailwind, and code Playground

by seefeld

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>

JavaScript

$.ajax({
      type: 'GET',
      //async: false,
      username: "9c849f43-c45e-4c55-a996-b85dc0b28e88",
      password: "",
      dataType: 'jsonp',
      url: "http://[email protected]/api/1.0/search?keywords=javascript&location=london&distancefromlocation=10&resultsToTake=1000",

      success: function (data) {


          $('#count').html(data.results.length);


          var groupByApplicationsCount = _.chain(data.results)
              .groupBy('applications')
              .map(function (value, key) {
              return {
                  jobs: value
              };
          }).value();

          for (var key in groupByApplicationsCount) {

              var _i = groupByApplicationsCount;
              var _c = "<p>Applications: " + key + " (" + _i[key].jobs.length + " jobs)</p>";
              for (var i = _i[key].jobs.length - 1; i >= 0; i--) {
                  _c += "<small>" + _i[key].jobs[i].jobTitle + "</small><br />";
              }

              $('#main').append(_c);

          }

      }


  });