Auto complete doesn't work on dynamically add textboxes

Auto complete doesn't work on dynamically add textboxes

  2.             $("#table tr td:last").live("keydown", function (e) {
  3.                 var keyCode = e.keyCode || e.which;
  4.                 if (keyCode == 9) {
  5.                     $("#table tr:last").after("<tr><td><input type='text' style='width: 140px'/></td><td><input type='text' style='width: 140px'/></td><td><input type='text' id='legid' class='acomp' style='width: 140px'/></td><td><input type='text' style='width: 140px'/></td><td><input type='text' style='width: 140px'/></td><td><input type='text' style='width: 140px'/></td></tr>");
  6.                 }
  7.             });
  8.         });

  2.         function SearchText() {
  3.             $("#table .acomp").autocomplete({
  4.                 source: function (request, response) {
  5.                     $.ajax({
  6.                         type: "POST",
  7.                         contentType: "application/json; charset=utf-8",
  8.                         url: "WebService.asmx/GetAutoCompleteData",
  9.                         data: "{'kwrds':'" + $('.acomp').val() + "'}",
  10.                         dataType: "json",
  11.                         success: function (data) {
  12.                             response(data.d);
  13.                             // $('#<%= legid.ClientID %>').find("tr").find("td").val;
  14.                             
  15.                         },
  16.                         error: function (result) {
  17.                             alert(result);
  18.                         }
  19.                     });
  20.                 }
  21.             });
  22.         }


I tried with ID and using a class but I still cannot retrieve the value out of the dynamically created textboxes.