Почему не работает remove?

Question

[Erbol Kasymov]

Здравствуйте, хотел сделать "ToDo" приложение через Jquery но столкнулся с тем что метод remove() не работает.
Хотел узнать почему же он не работает. Надеюсь на вашу благосклонность .

<div class="container">
		<div class="welcome"><!--  welcomer start -->
			<span class="list_logo">
				ToDo list
			</span>
		</div><!--  welcomer end -->

		<div class="do_list"> <!-- do list start -->
		</div><!--  do list end -->

		<div class="add_text"><!--  add text start -->
			<input class="add_inpt" alt="" name="button">
			<div class="btn_add"><span>ok</span></div>
		</div><!--  add text end -->
	</div>

var $add_inpt = $(".add_inpt");
var $add_btn =  $(".btn_add");
var $do_list = $(".do_list");

var $do_list_val_one = "<li class='do_list_inner'>" + "<span class='do_list_text'>";
var $do_list_val_two = "</span>" + "<button id='btn_delete' value='☓'>" + "</li>";
var $do_list_inner = $(".do_list_inner");

$add_btn.on("click", function(){
    $do_list.append($do_list_val_one + $add_inpt.val() + $do_list_val_two);
    $(".add_inpt").val("");
});

$("#btn_delete").on("click", function(){
  $(this).parent().remove();
});

Answer 1

[Valentyn]

Это:

$("#btn_delete").on("click", function(){
  $(this).parent().remove();
});

Заменить на:

$(document).on("click", "#btn_delete", function(){
  $(this).parent().remove();
});

Comments

[Erbol Kasymov]

Огромное вам спасибо. Я с этим весь день промучился.