Probleme avec JRQUERY et AJAX

Désolé au sujet des balises mais ni le triangle noir ni le <> rouge ne me donne le choix du langage alors je fais avec ce que j'ai !

//ici du code Javascript
console.log("coucou");

En ce qui concerne le debugage xhr je ne dois pas connaître toutes les subtilités je regarde simplement l'onglet debogueur dans firefox mais cela ne me donne rien ou je ne sais pas l'utiliser

$(function(){
  console.log('La page est chargée....');
  
  // si on clique sur un élève :
  $( ".eleve" ).click(function(){
      var prenomclique = $(this).html();
      var param = {PrenomEleve:prenomclique };
      $.ajax({
        // chargement du fichier externe monfichier-ajax.php
        url : "monfichiet-ajax.php",
        type : 'POST',
        data:param,
        dataType: "json",
        cache:false,
        error : function(request, error) { // Info Debuggage si erreur
          console.log("Erreur Ajax",request,error);
          alert("Erreur : responseText: "+request.responseText);
        },
        success : function(reponse) {
          alert("success");
          console.log('Reponse ajax',reponse);
          if(typeof(reponse.prenom)!='undefined' && reponse.prenom!=null){
            // J'écris le résultat prénom de l'élève dans le h1
            $(#prenom_eleve).html(reponse.prenom);
          }else{
            alert('Erreur...' + reponse.error);
          }
        }
    });
  });

};

<?php
/**
// fichier : monfichier-ajax.php
*/
// on force la réponse en JSON
header('Content-type: application/json');

//Affichage des erreurs PHP
error_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);

//récupération PROPRE des variables AVANT de les utiliser:
$PrenomEleve = !empty($_POST['PrenomEleve']) ? $_POST['PrenomEleve'] : NULL;


//Traitement
if($PrenomEleve){
  $result = array('prenom'=>$PrenomEleve);

}else{
  $result = array('error'=>'Aucun prénom envoyé en paramètres...');
}

// on retourne les données:
echo json_encode($result);