jQuery-Ajax hämta funktion med PHP klasser och funktioner

Efter att ha tittat igenom koden noggrant. Det verkar som att det finns flera fel som måste åtgärdas.

1. Js finns inte i funktionen jQuery Ready
2. Värdet på termen hämtas inte korrekt
3. On-metoden används inte korrekt
4. Ajax-egenskapen "url" måste vara gemener
5. Datatypen måste vara html eftersom innehållet skrivs direkt till DOM
6. Skrivmetoden måste vara html() eftersom innehållet är HTML
7. Sidan som pekade på var inte en PHP-sida och var inte den korrekta söksidan

Nedan är lösningen på alla dessa problem:

$(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);
                }
            });
        }
    });
});