JQuery :: Remove An Element Inside A Div?

I appended an a and select tag inside a div.

When a checkbox is checked it will append these items. Yet, now I want it where if it's not checked or the person unchecks it... then it will remove the appended elements.

How can I do this?

This is the code I have so far:

if($('input[name="hosting_Service"]').not(":checked")){
$("#hosting_text").remove();
$("#hosting_options").remove();
}

This is inside a php echo.. so don't mind the " " it's just saying it's " "

according to the code... I check with a if statement if true and remove the elements. the condition is when the checkbox is not checked. I have the same exact code to append the elements inside the div. but instead I used the .is instead of .not the hosting_Service is the input that is a checkbox.

however this code seems to work.. only for hosting_options. yet, it breaks all the code... meaning I have the if statement before this checking if it is checked... then append the elements.

well if I add the code above it dosen't allow when you check the box to append the elements inside a div.Yet if I didn't add this code and then click the checkbox it will append the elements but without refreshing the page.. if I then add this code given to above the hosting_options would only be removed and the hosting_text will still not be removed.

I was both to work properly. I want it where if you click the check box to mark it... it should append elements into the div. If you uncheck it then it should remove those elements that were appended.