Detecting the clicked links after ajax load in Chrome using $("a:focus")

Question

I have a page which has a list item, and each item has a delete button. Clicking the delete button loads the child page (delete.asp?id=123) in a hidden div.

delete.asp has a javascript alert (on document ready) which successfully fires when the button is clicked. It also has $("a:focus").hide(); which removes clicked link. I can't seem to get this to work in Chrome. The alert fires but the link doesn't remove itself.

Besides using a:focus, is there a better way to do this?

Answer 1

Rather than removing the link from the loaded page, you should probably be removing it in the same event that loads the hidden page. Something like this:

$('a.delete').click(function() {
    //load delete.asp
    $('#myHiddenDiv').load('delete.asp?id=123');

    //hide the link
    $(this).hide();
});