Удаление элементов по щелчку (включая саму кнопку удаления) с помощью jQuery

Я знаю, что есть несколько вопросов, которые похожи на мои, но в этом случае я хочу, чтобы кнопка удаления тоже была удалена, и я не знаю, как это сделать.

Вот мой вопрос:

Я добавляю 3 элемента с помощью jQuery при нажатии кнопки добавления.

Я знаю, что есть несколько вопросов, которые похожи на мои, но в данном случае я хочу, чтобы кнопка удаления тоже была удалена, и я не знаю, как это сделать.

Вот мой вопрос:

Я добавляю 3 элемента с помощью jQuery при нажатии кнопки добавления.

Я знаю, что есть несколько вопросов, которые похожи на мои, но в данном случае я хочу, чтобы кнопка удаления тоже была удалена, и я не знаю, как это сделать.

Вот мой вопрос:

Я добавляю 3 элемента с помощью jQuery при нажатии кнопки добавления. Включая кнопку удаления.

Я хочу, чтобы эта кнопка удаления удаляла себя и два других элемента. Счетчик должен иметь идентичные идентификаторы, но я не уверен, правильно ли я сделал это с jQuery.

Как я могу удалить три элемента, включая кнопку удаления при нажатии?

$(function() {
var counter = 0;

  $('a').click(function() {
  $('#box').append('<input type="checkbox" id="checkbox" + (counter) + "/>');
  $('#box').append('<input type="text" id="t1" + (counter) + "/>');
  $('#box').append('<input type="button" value="." id="removebtn" + (counter) + "/>');
  $("#box").append("<br />");
   $("#box").append("<br />");
     counter++;
     });

$('removebtn').click(function() {
remove("checkbox");

});
});

заранее спасибо