Как сбросить Модальное тело

Question

Я пытаюсь сделать append тело загрузочного модально динамически. Вот тело разметки Модала.

<!-- try to indent the codes for readability --> 
<div class="modal-body"> 
    <div class="row text-left" style="margin-left: 2em;"> 
     <div class="form-group"></div> 
    </div> 
</div> 

и вот код JQuery для добавления содержимого на событие клика кнопки.

$('.form-group').append(EditHTML); 

EditHTML является разметки, который получил генерироваться динамически. Теперь проблема заключается в том, что при каждом нажатии кнопки событие EditHTML добавляется с предыдущим контентом. Мне нужно сбросить Modal, каждый раз нажатие кнопки. Пожалуйста, помогите.

Answer 1

Просто используйте .html()

$('.form-group').html(EditHTML); 

Описание: Когда .html() используется для установки содержимого элемента, любое содержание, которое было в этом элементе полностью заменен новым содержанием. Кроме того, jQuery удаляет другие конструкции, такие как данные , и обработчики событий из дочерних элементов, прежде чем заменять эти элементы новым содержимым.

Answer 2

Я не уверен, что понял правильно:

$('.form-group').html(EditHTML);