How to remove prior appendAfter text?

How to remove prior appendAfter text?

In the code below, the  div#popupText retains the prior insertions.  Is there a method to Clear the div?  empty() does not work...even if I place it before each appendAfter();

Stumped...

Todd


  1. $("div#popupText").empty();
  2. if (popupName == "showPopup1") {
  3.   $( $("div#text1").html() ).insertAfter("div#popupText");
  4. } else if (popupName == "showPopup2") {   
  5.   $( $("div#text2").html() ).insertAfter("div#popupText");
  6. } else if (popupName == "showPopup3") {   
  7.   $( $("div#text3").html() ).insertAfter("div#popupText");
  8. } else if (popupName == "showPopup4") {   
  9.   $( $("div#text4").html() ).insertAfter("div#popupText");
  10. }
  11.     
  12. $("#middleLayer").toggle();
  13. $("#popup").toggle();
  14. });