No results message on jquery autocomplete

Question

I'd like to give a "No matches" message on a jquery autocomplete when the result is empty.

A partial answer was given here, but it doesn't explain exactly how to show the "No matches" result in the autocomplete dropdown.

UPDATE: Here is my code based on the current answers..

HTML:

<input type="text" name="myAutocomplete" id="myAutocomplete">

jQuery:

$("#myAutocomplete").autocomplete("ajax.php", {
    selectFirst: false,
    resultsClass: 'my_results_class',
    parse: function(data) {
        if (!data || data.length == 0) {
            $('#myAutocomplete option').val('No Matches');
        }
    },
    focus: function(event, ui) {
        if($(ui.item).val() == 'No Matches')
            $(ui.item).disable();
    },
    select: function(event, ui){
        if($(ui.item).val() == 'No Matches')
            return false;
    }

});

Answer 1

First of all, return a result with the value 'No matches' or whatever you want,then on the jquery autocompleter add these handlers

focus: function(event, ui){ 
    if($(ui.item).val() == 'No Matches')
        $(ui.item).disable();
},
select: function(event, ui){
    if($(ui.item).val() == 'No Matches')
        return false;
},

This should prevent the user from selecting the entry 'No Matches'.

Answer 2

From the previous answer, you need to add this code between:

 if (!data || data.length == 0) {
         // handle no data case specially
 }

Making it:

 if (!data || data.length == 0) {
   $('#dropdown_id option').val('No Matches');
 }

Update:

Instead of:

$('#myAutocomplete option').val('No Matches');

Use:

$('#myAutocomplete').val('No Matches');

Update:

Use:

$('#school-term').val('No Matches');