Please, help me with this problem with jQuery, event and textarea

Please, help me with this problem with jQuery, event and textarea

I'm using Google Translate API


  1. function initialize() {
  2.       var content = document.getElementById('text-input');      
  3.       google.language.translate(document.getElementById('text-input').innerHTML, 'es', 'en', function(result) {
  4.        if (!result.error) {
  5.         var translated = document.getElementById("text-output");
  6.         if (result.translation) {
  7.           translated.innerHTML = result.translation;
  8.         }
  9.         document.getElementById("text-output").innerHTML = translated.innerHTML;
  10.         }
  11.       });
  12.     
  13.     }


  14.      $("text-input").live('keyup', initialize);
  15. --------------


  16. <textarea name="output" id="text-output"></textarea>


The idea is after write in text-input textarea it shows result in text-outpu, I'm using keyup event for that, but it doesn't work It's necessary to use other jQuery keybord event? Is it correct to use tha jquery and textare like I coded? Plz, help me!