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

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

	S**aco**lões Hortifrutigrangeiros

	Centrais de Informações Turísticas

	Atacado e Fabricação de S**aco**s 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!