jQuery addClass example

Change class name on click in jQuery

HTML

<div class="wrapper">
  <div class="some-div">
  </div>
</div>

CSS

.some-div {
  width: 100px;
  height: 100px;
  background-color: green;
}

JavaScript

// Сохраняем элемент
let $div = $('.some-div');

// Добавляем ненужный хлам
$('.some-div').append('<div style="width:50px; height: 50px; background: red;"></div>');

// Сбрасываем элемент - удаляем и заново добавляем - чтобы вернуть элемент к такому, каким он был до добавления ненужного хлама.
$div.remove();
$('.wrapper').append($div);

// Но почему-то элемент добавляется с хламом. Почему? Как сделать так, чтобы добавлялся без хлама?