JQuery ignore html, созданный с помощью ajax

Question

У меня есть таблица html, и это содержимое создано с помощью ajax И у меня есть кнопка, которая добавляет строку в начале таблицы Но JQuery не знает о содержимом ajax и добавляет строку только после того, как

$("#add-row-first").on("click", addrowfirst); 
function addrowfirst(){ 
    $("#table").prepend("<tr><td>1</td><td>cell</td><td>cell</td><td>cell</td></tr>"); 
} 

Аякса

function genTable(){ 
    $.ajax({ 
     type: "POST", 
     dataType: "html", 
     url: "inc/gen-table.php", 
     success: function(data){ 
      $("#table").html(data); 
     } 
    }); 
} 

HTML

<button id="add-row-first">create row</button> 
<table id="table"></table> 

РЕШЕНИЕ Таким образом, решение было очень простым. My ajax reqest return string "<tr><td>some text</td></tr>". Так что нет тега <tbody> и код вставки вставки в тег тега, который не существует. И он автоматически создает его после создания ajax-кода. Таким образом, ваш Ajax должен вернуть <tbody><tr><td>some text</td></td></tdbody>