Autocompletado

[betodaniel61]

Buen Día:

Tengo el siguiente jquery:

$(document).ready(function() {
//Al escribr dentro del input con id="nompro"
$('#nompro').keypress(function(){
//Obtenemos el value del input
var nompro = $(this).val();
var dataString = 'nompro='+nompro;
//Le pasamos el valor del input al ajax
$.ajax({
type: "POST",
<!-- url: "../app/Vista/autocomplete_proveedores.php",-->
url: "index.php?ctl=autocompleta_proveedores",
data: dataString,
success: function(data) {
//Escribimos las sugerencias que nos manda la consulta
$('#suggestions_pro').fadeIn(500).html(data);
//Al hacer click en algua de las sugerencias
// $('.suggest-element a').live('click', function(){
$('.suggest_pro-element a').click(function(){
//Obtenemos la id unica de la sugerencia pulsada
var id = $(this).attr('id');
//Editamos el valor del input con data de la sugerencia pulsada
$('#nompro').val($('#'+id).attr('data'));
$('#idproveedor').val($('#'+id).attr('id'));
//Hacemos desaparecer el resto de sugerencias
$('#suggestions_pro').fadeOut(500);
});
}
});
});
});

Funciona cuando escribo de izquierda a derecha pero cuando voy para atras no completa.

Le agradecería a alguien que la tenga mas clara y pueda ayudarme!!