I have a feeling that the problem is really obvious, but I think I'm blind to it due to exhaustion and too much time staring at the screen!

I'm trying to get a 'p' tag to append to an 'a' tag which then appends to a div, but nothing appears!

I can get the 'p' to append to the div on it's own, but appending the 'a' just isn't working for me! Hmmmm...

Here is my code, much appreciation to anyone who can help:

// make form results appear in a popup
// set class to #frm-pop
$('#frm-pop').attr('class', 'frm-pop');

// create close link
$(document.createElement('a')).attr('id', 'pop-close');
$('#pop-close').click (function () {
    $("#frm-pop").fadeOut (1000);
    return false;
});
$('#pop-close').appendTo('#frm-pop');
$(document.createElement('p')).attr('class', 'pop-btm').text('Close').appendTo('#pop-close');

A <p>aragraph is a block element and cannot be contained inside an (inline) <a>nchor element.

ohhhh yeaaaaaahhh! Haha silly me, thanks.