[SOLUCIONADO] problema con live click en auntocompletado

[destroumble]

hola soy nuevo en esto de js y pude crear un autocompletado pero al momejnto de dar click para seleccionar el artuiculo deseado simplemente se pone en blanco el campo y no tengo idea de porqueeste es mi js

Código PHP:

  <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() {     
    //Al escribr dentro del input con id="service" 
    $('#service').keypress(function(){ 
        //Obtenemos el value del input 
        var service = $(this).val();         
        var dataString = 'service='+service; 
 
        //Le pasamos el valor del input al ajax 
        $.ajax({ 
            type: "POST", 
            url: "autocomplete.php", 
            data: dataString, 
            success: function(data) { 
                //Escribimos las sugerencias que nos manda la consulta 
                $('#suggestions').fadeIn(1000).html(data); 
                //Al hacer click en algua de las sugerencias 
                $('.suggest-element').live('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 
                    $('#service').val($('#'+id).attr('data')); 
                    //Hacemos desaparecer el resto de sugerencias 
                    $('#suggestions').fadeOut(1000); 
                });               
            } 
        }); 
    });               
});  
  

Código HTML:

td align="center"><input type="text" size="50" id="service" name="service" />
   <div id="suggestions"></div>