Comment remplir la deuxième liste déroulante en fonction de la sélection de la première liste déroulante à l'aide de jQuery/AJAX et PHP/MySQL ?

Tout d'abord, votre document prêt semble un peu décalé, il devrait être soit $(document).ready(function(){}); ou cela pourrait être juste $(function(){}); .

Deuxièmement, votre boucle sur le résultat JSON semble également un peu étrange. Essayez quelque chose comme ceci à la place :

$.each(data.subjects, function(i, val){    
   $('select#item_2').append('<option value="' + val.id + '">' + val.name + '</option>');
});