为多元素绑定load事件触发Ajax请求失败的原因及解决

控制台能看到元素绑定信息，但Ajax请求从未执行。以下是用于绑定Ajax请求的HTML代码：

<tr>
    <td>Sitename1</td>
    <td class="ajax-delsite" data-site="sitename1" id="sitename1">
    </td>
</tr>
<tr>
    <td>Sitename2</td>' . "
";
    <td class="ajax-delsite" data-site="sitename2" id="sitename2">
    </td>
</tr>

以下是执行失败的jQuery代码：

$(".ajax-delsite").on('load', function(e){
    var site = $(this).data("site");
    $.ajax({
        url: "/ajax/remove-site.php",
        type: "POST",
        data: { site: site },
        success: function(feedback){ 
            $("#ajaxResult").html(feedback);
        }
    });
});

请问我哪里出错了？

在DankDizaster的方案帮助下，我最终用以下代码解决了问题：

$(".ajax-delsite").each(function(e){
    var site = $(this).data("site");
    $.ajax({
        url: "/ajax/remove-site.php",
        type: "POST",
        data: { site: site },
        success: function(feedback){ 
            $('#'+site).html(feedback);
        }
    });
});

内容的提问来源于stack exchange，提问作者William Cross