jQuery .after() not showing in IE 7

I'm having a little trouble with a jQuery plugin wrote. I've got it working in every browser I want it to work in (IE 8+, Chrome, Firefox, Safari, Opera) but it doesn't work in IE7. Here is the jQuery plugin

        (function($) {
        $.fn.popup = function() {
            return this.each(function() {

                $(this).click(function(e){

                    var url = $(this).find('a:eq(0)').attr('href');

                        $('body').after('<div id="pu_bg" class="close"></div>');
                        $('body').afte开发者_运维百科r('<div id="pu_content_container">' +
                        '<div id="pu_close_button" class="close"></div>' +
                        '<div id="pu_content">' +
                        'Loading...' +
                        '</div>' +
                        '</div>');
                        $('#pu_bg').height($(document).height());
                        $('#pu_content').load(url);
                        e.preventDefault();

                });

                $('.close').live('click',function() {
                    $('#pu_content_container').hide('slow', function(){
                        $('#pu_bg').fadeOut('fast');
                    });
                });

            });
        }

    })(jQuery);

In IE 7 absolutely NOTHING happens. Is there a jQuery function not supported by IE 7? (although I'm sure jQuery is 100% cross browser compatible), have I done something wrong? or is IE7 being fussy and I need to create a work around?

PLEASE HELP! I'm getting really frustrated with this!

Thanks in advance, Lee

I'm surprised this works in any browser, since you are trying to append elements after the body element. I think you probably want append and not after.