Problema com acentuação e caracteres especiais ao deixar termo do autocomplete em negrito

[Rogerio Pancini 0]

Bom dia pessoal.

Tenho esse script de busca:

 

			$( function($) {
				$.ui.autocomplete.prototype._renderItem = function (ul, item) {        
					var t = String(item.value).replace(
					new RegExp(this.term, "gi"),
					"<strong>$&</strong>");
					return $("<li></li>")
					.data("item.autocomplete", item)
					.append("<a>" + t + "</a>")
					.appendTo(ul);
				};				
				
				$( "#p" ).autocomplete({
					source: "php/search_palavras.php?id_cidade=<?php echo $id_cidade; ?>",
					minLength: 2,
									
					select: function( event, ui ) {
						// Set autocomplete element to display the label
						this.value = ui.item.label;
								
						// Store value in hidden field
						$('#hidden_p').val(ui.item.id);

						// Prevent default behaviour
						return false;					
					}
				});
							
				$( "#p" ).click(function() {
					$('#hidden_p').val(0);
					$('#p').val('');
				});			
			});	

Na tabela está com "utf8_general_ci" e na página de busca PHP, coloquei um "mysqli_set_charset($config,"utf8");" para não ter problemas de acentuação.

Quase tudo está perfeito. O único problema que estou tendo, não sei se é o PHP ou o Jquery, mas, se eu começar uma procura com "aco", vem as respostas:

Açougues

Sacolões Hortifrutigrangeiros

Centrais de Informações Turísticas

Atacado e Fabricação de Sacos plásticos

Tentei de todas as formas, mas não consigo destacar o "aço" ou "açõ" que estão com cedilha e acentos.

Seria possível destacar esses itens também?

Obrigado!