This is my combo box function

2. (function($) {
3.     $.widget("ui.combobox", {
4.         _create: function() {
5.             var input, self = this,
6.                 select = this.element.hide(),
7.                 selected = select.children(":selected"),
8.                 value = selected.val() ? selected.text() : "",
9.                 wrapper = this.wrapper = $("<span>").addClass("ui-combobox").insertAfter(select);
10. 
    
11.             input = $("<input>").appendTo(wrapper).val(value).addClass("ui-state-default ui-combobox-input").autocomplete({
12.                 delay: 0,
13.                 minLength: 0,
14.                 source: function(request, response) {
15.                     var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
16. 
    
17.                     response(select.find("option").map(function() {
18.                         var text = $(this).text();
19.                         if (this.value && (!request.term || matcher.test(text))) return {
20.                             label: text.replace(
21.                             new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + $.ui.autocomplete.escapeRegex(request.term) + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>"),
22.                             value: text,
23.                             option: this,
24.                             category: $(this).closest("optgroup").attr("label")
25.                         };
26.                         //MK
27.                         $('#test').attr('style', 'display: none;');
28.                     }).get());
29.                 },
30.                 select: function(event, ui) {
31.                     ui.item.option.selected = true;
32. getVendor();
33.                     self._trigger("selected", event, {
34.                         item: ui.item.option
35.                     });
36.                 },
37.                 change: function(event, ui) {
38.                     if (!ui.item) {
39.                         var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex($(this).val()) + "$", "i"),
40.                             valid = false;
41.                         select.children("option").each(function() {
42.                             if ($(this).text().match(matcher)) {
43.                                 this.selected = valid = true;
44.                                 return false;
45.                             }
46.                         });
47.                         if (!valid) {
48. getVendor();
49.                             $('#test').attr('style', 'display: block;');
50.                             // remove invalid value, as it didn't match anything
51.                             //$( this ).val( "" );
52.                             //select.val( "" );
53.                             //input.data( "autocomplete" ).term = "";
54.                             //return false;                    
55.                         }
57.                     }
58.                 }
59.             }).addClass("ui-widget ui-widget-content ui-corner-left");
60. 
    
61.             input.data("autocomplete")._renderItem = function(ul, item) {
62.                 return $("<li></li>").data("item.autocomplete", item).append("<a>" + item.label + "</a>").appendTo(ul);
63.             };
64. 
    
65.             input.data("autocomplete")._renderMenu = function(ul, items) {
66.                 var self = this,
67.                     currentCategory = "";
68.                 $.each(items, function(index, item) {
69.                     if (item.category != currentCategory) {
70.                         if (item.category) {
71.                             ul.append("<li class='ui-autocomplete-category'><b>" + item.category + "</b></li>");
72.                         }
73.                         currentCategory = item.category;
74.                     }
75.                     self._renderItem(ul, item);
76.                 });
77.             };
78. 
    
79.             $("<a>").attr("tabIndex", -1).attr("title", "Show All Items").appendTo(wrapper).button({
80.                 icons: {
81.                     primary: "ui-icon-triangle-1-s"
82.                 },
83.                 text: false
84.             }).removeClass("ui-corner-all").addClass("ui-corner-right ui-combobox-toggle").click(function() {
85.                 // close if already visible
86.                 if (input.autocomplete("widget").is(":visible")) {
87.                     input.autocomplete("close");
88.                     return;
89.                 }
90. 
    
91.                 // work around a bug (likely same cause as #5265)
92.                 $(this).blur();
93. 
    
94.                 // pass empty string as value to search for, displaying all results
95.                 input.autocomplete("search", "");
96.                 input.focus();
97.             });
98.         },
99. 
    
100.         destroy: function() {
101.             this.wrapper.remove();
102.             this.element.show();
103.             $.Widget.prototype.destroy.call(this);
104.         }
105.     });
106. })(jQuery);
107. 
     
108. $(function() {
109.     $("#combobox").combobox();
110.     $("#toggle").click(function() {
111.         $("#combobox").toggle();
112.     });
113. });

this is my html

2. <select id="combobox" name="chkPayTo" >
3.                                                            <option value="" selected="selected"></option>
4.                                                                 <cfloop query="getCustomer">
5.                                                                         <cfif #getCustomer.Type# neq #customerType#>
6.                                                                             <cfset customerType = #getCustomer.Type#>
7.                                                                             <optgroup label="<cfoutput>#getCustomer.TypeName#</cfoutput>">
8.                                                                         </cfif>
9.                                                                         <option value="<cfoutput>#getCustomer.TypeCode#_#getCustomer.ID#</cfoutput>"><cfoutput>#getCustomer.Name#</cfoutput></option>
10.                                                                     </cfloop>
11.                                                             </select>

My boss asked me today if the active people will show up on the dropdown but be able to type an inactive person and have then show up. 

I do have a way set up that if not valid i call a JS function up to check the non valid people. This worded but for this page I am getting 3 different types of people from 3 different sources.

I tried checking to see if the person was inactive make the option not visible but in the autocomplete it showes them.