Before I mark as answered, something strange is still happening.
this works perfectly.
{id: 16,
visible: true,
title: "Highway"},
{id: 10,
visible: true,
title: "Sand Dune"},
{id: 8,
visible: true,
title: "Dams"},
{id: 7,
visible: true,
title: "Rivers"},
{id: 5,
visible: true,
title: "DWAF Water Scheme"},
{id: 4,
visible: true,
title: "Prison"},
{id: 3,
visible: true,
title: "School"},
{id: 2,
visible: true,
title: "Police Station"},
{id: 1,
visible: true,
title: "Health Facility"}
But when my code is like this
{id: 11,
visible: true,
title: "Vegetation"},
{id: 10,
visible: true,
title: "Sand Dune"},
{id: 8,
visible: true,
title: "Dams"},
{id: 7,
visible: true,
title: "Rivers"},
{id: 5,
visible: true,
title: "DWAF Water Scheme"},
{id: 4,
visible: true,
title: "Prison"},
{id: 3,
visible: true,
title: "School"},
{id: 2,
visible: true,
title: "Police Station"},
{id: 1,
visible: true,
title: "Health Facility"}
The same error i received as last time still occurs. Its kind of selective even if it is in descending order.