2. (function($){
3. 
   
4.   $.extend({
5.     playSound: function(){
6.       return $("<embed src='"+arguments[0]+"' hidden='true' autostart='true' loop='false' class='playSound'>").appendTo('body');
7.     }
8.   });
9. 
   
10. })(jQuery);
11. 
    
12. 
    

I call this function inside a jquery dialog 

2. my_dialog = $(modal).dialog({
3.           buttons: buttonsOpts,
4.           modal: true,
5.           title: opts.dialogButton,
6.  open: function(event, ui) {
7. $.playSound('notify.wav');
8.  }
9.         });

as per the function it appends to body   lot of html.....

once the dialog is closed I want to   delete this appended html .Please advice me how.