function attachEvents() {
    const kinveyAppId = "kid_BJXTsSi-e";
    const serviceUrl = "https://baas.kinvey.com/appdata/" + kinveyAppId;
    const kinveyUsername = "guest";
    const kinveyPassword = "guest";
    const base64auth = btoa(kinveyUsername + ":" + kinveyPassword);
    const authHeaders = { "Authorization": "Basic " + base64auth ,
        "Content-Type": "application/json"};

    $("#btnLoad").on('click', loadStudents);
    $("#btnCreate").on('click', createStudent);

    function loadStudents() {
        $.ajax({
            method: "GET",
            url: serviceUrl + "/students",
            headers: authHeaders
        })
            .then(displayStudents)
    }

    function createStudent() {
        let values = {
            "ID": $(`#addForm .ID`).val(),
            "FirstName": $(`#addForm .FirstName`).val(),
            "LastName": $(`#addForm .LastName`).val(),
            "FacultyNumber": $(`#addForm .FacultyNumber`).val(),
            "Grade": $(`#addForm .Grade`).val()
        };

        for(let key in values) {
            if(values[key].length < 1) return;
        }

        values.ID = Number(values.ID);
        values.Grade = Number(values.Grade);

        $.ajax({
            method: "POST",
            url: serviceUrl + "/students",
            headers: authHeaders,
            data: JSON.stringify(values)
        })
            .then(loadStudents)
    }

    function displayStudents(data) {
        $("#results").empty();
        let head = $(`<tbody><tr>
        <th>ID</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Faculty Number</th>
        <th>Grade</th>
    </tr>
    </tbody>`);
        $("#results").append(head);

        data = [...data];
        data = data.sort((student1, student2) => {
            return student1.ID - student2.ID
        });

        data.forEach(student => {
            let tr = $("<tr>");
            tr.append($("<td>")
                .text(student.ID))
                .append($("<td>")
                    .text(student.FirstName))
                .append($("<td>")
                    .text(student.LastName))
                .append($("<td>")
                    .text(student.FacultyNumber))
                .append($("<td>")
                    .text(student.Grade));
            tr.appendTo($("#results"));
        });


        $(`#addForm .ID`).val("");
        $(`#addForm .FirstName`).val("");
        $(`#addForm .LastName`).val("");
        $(`#addForm .FacultyNumber`).val("");
        $(`#addForm .Grade`).val("");
    }
}