无法从ajaxed点击元素中获取数据

Question

我有AJAX代码，可以在表中添加行。每行包含一个俱乐​​部会员姓名和一个电子邮件信封图标。目标是在信封图标上单击发送电子邮件的页面。

这里有ajaxed行的内容:( mno是会员编号）

function show_names(fullname,key){
$('#results_table').append(
'<tr class="table_row" >
<td>' + fullname + '</td>
<td><img src="/images/email_envelope.png" alt="Send Email" style="cursor:pointer" class="envelope" data="' + mno + ' "/></td>
</tr>');

以下是我尝试的两个jquery示例，其中有哪些工作：

$('.envelope').on('click',function(){
document.location="email1.php?mno="+$(this).attr("data");
return false;
});

上述结果是点击事件后没有发生任何事情。

$('#results_table').on('click',$('.envelope'),function(){
   document.location="email1.php?mno="+$('click'.target).attr('data');
   return false;
});

以上移动到适当的页面，但到达时mno未定义。

我已经尝试了各种各样的其他事情，但我通过我尝试过的各种组合获得了以上两种结果中的任何一项。

非常感谢任何帮助！