font-awesome图标不能与css不透明度一起使用

Question

这是我的小提琴：http://jsfiddle.net/SmWhq/50/

如下所示附加一行：

    var tr = $("<tr>");

    tr.append($("<td>").text(name.first));
    tr.append($("<td>").text(name.last));
    tr.append($("<td>").text(name.username));
    var cell = "<td class=\"table-action-hide\"><a href=\"#\" class=\"delete-row\" style=\"opacity: 1\"><i class=\"fa fa-trash-o\"></i></a></td>";

    tr.append(cell);
    //div=tr.append($("<td>").addClass("table-action-hide"));
    //div.innerHTML=cell;
    tbody.append(tr);

在添加行时，数据会添加到表中，但fa-trash图标不可见（不透明度设置为0）或者在添加的行上始终可见（不透明度设置为1）。

点击＆＃39; fa-trash＆＃39;也不会调用删除功能。图标。

附加代码有什么问题？