jquery — массив PHP AJAX, закодированный в JSON, не отображается отсортированным в таблице HTML, но отображается отсортированным, когда выполняется только запрос MySQL

у меня есть это MySQL запрос, где строки сортируются в соответствии с month а также year от ASC:

SELECT
CONCAT(MONTHNAME(diabetes_assessment.date_of_assessment), ' - ', YEAR(diabetes_assessment.date_of_assessment)) as assessmentDate,
MONTHNAME(diabetes_assessment.date_of_assessment) as monthNameAssessment,
YEAR(diabetes_assessment.date_of_assessment) as yearAssessment,
MONTH(diabetes_assessment.date_of_assessment) as monthAssessment,
AVG(diabetes_assessment.assessment_result) as avgAssessment
FROM
diabetes_assessment
WHERE
diabetes_assessment.clinic_id = '361'
group by
MONTH(diabetes_assessment.date_of_assessment),
YEAR(diabetes_assessment.date_of_assessment)
ORDER BY yearAssessment, monthAssessment ASC

Результат похож на тот, что показан на эта SQL скрипка и строки отображаются правильно и отсортированы ASC,

| assessmentDate | monthNameAssessment | yearAssessment | monthAssessment | avgAssessment |
|----------------|---------------------|----------------|-----------------|---------------|
|   March - 2016 |               March |           2016 |               3 |          40.5 |
|   April - 2016 |               April |           2016 |               4 |            45 |
|   April - 2017 |               April |           2017 |               4 |            31 |
|     May - 2017 |                 May |           2017 |               5 |            40 |

Теперь я дублирую несколько столбцов, потому что буду использовать их в chartJs отображать некоторые графики. Во всяком случае, когда я использую PHP для кодирования строк и отправки их через AJAX и отображения их в HTML-таблице:

$cid = $_SESSION['clinic_id'];
$arrayResult = array();
$getAverage = "SELECT
CONCAT(MONTHNAME(diabetes_assessment.date_of_assessment), ' - ', YEAR(diabetes_assessment.date_of_assessment)) as assessmentDate,
MONTHNAME(diabetes_assessment.date_of_assessment) as monthNameAssessment,
YEAR(diabetes_assessment.date_of_assessment) as yearAssessment,
MONTH(diabetes_assessment.date_of_assessment) as monthAssessment,
AVG(diabetes_assessment.assessment_result) as avgAssessment
FROM
diabetes_assessment
WHERE
diabetes_assessment.clinic_id = :cid
group by
MONTH(diabetes_assessment.date_of_assessment),
YEAR(diabetes_assessment.date_of_assessment)
ORDER BY
yearAssessment,
monthAssessment ASC";

$execGetAverage = $conn->prepare($getAverage);
$execGetAverage->bindValue(':cid', $cid);
$execGetAverage->execute();
$result = $execGetAverage->fetchAll();

$i=0;
foreach($result as $res)
{
$arrayResult[$i] = $res;
$i++;
}

echo json_encode($arrayResult);

А вот и скрипт Ajax:

$.ajax({
url: '../php/getAssessmentResultByMonth.php',
dataType: 'JSON',
success:function(resp)
{
$.each(resp, function(key, result)
{
$("#after_tr").after("<tr><td>"+result['assessmentDate']+"</td><td>"+result['avgAssessment']+"</td></tr>")
});
},
error:function(resp)
{
console.log(resp);
}
})

Теперь результат в таблице HTML не отображает отсортированные строки:

| assessmentDate | monthNameAssessment | yearAssessment | monthAssessment | avgAssessment |
|----------------|---------------------|----------------|-----------------|---------------|
|   March - 2016 |               March |           2016 |               3 |          40.5 |
|   April - 2017 |               April |           2017 |               4 |            31 |
|   April - 2016 |               April |           2016 |               4 |            45 |
|     May - 2017 |                 May |           2017 |               5 |            40 |