jQuery-Ajax récupérer la fonction avec les classes et les fonctions PHP

Après avoir parcouru attentivement le code. Il semble qu'il y ait plusieurs erreurs qui doivent être corrigées.

1. Le js n'est pas contenu dans la fonction jQuery ready
2. La valeur du terme n'est pas récupérée correctement
3. La méthode on n'est pas utilisée correctement
4. La propriété ajax 'url' doit être en minuscules
5. Le type de données doit être html car le contenu est écrit directement dans le DOM
6. La méthode d'écriture doit être html() car le contenu est HTML
7. La page pointée n'était pas une page PHP et n'était pas la bonne page de recherche

Vous trouverez ci-dessous la solution à tous ces problèmes :

$(document).ready(function(){
    $('#searchsubmit').on("click", function(){
        // Get the value of the term field      
        var term = $('#term').val();
        // Proceed if the term is not empty
        if($.trim(term)!=''){           
            // Load the html result from the PHP script
            $.ajax({
                url: 'search.php',
                data: 'term='+term,
                type: 'POST',
                dataType: 'html',
                success: function(data){
                    // Place the HTML response into the search query div
                    $('#searchquery').html(data);
                }
            });
        }
    });
});