Переключение классов CSS через checkbox не работает, почему?

Question

[terrykon]

Для динамически добавляемого элемента не работает переключение классов при клике на чекбокс.
Почему? Как исправить эту проблему?

<div>RT<input type="checkbox"></div>
  <div>SR<input type="checkbox"></div>
  <button>Add</button>

.check {
  color: red;
}

(function(){
  $('button').click(function(){
    $('div').last().after('<div>SS<input type="checkbox"></div>');
  });
  $('input[type="checkbox"]').on('click',function(){ 
    $(this).parent().toggleClass('check');
  });
})();

Answer 1

[terrykon]

jsbin.com/fecufazaxe/edit?html,js,output Так может наглядней

Comments

[terrykon]

Описание решенияя вопроса нашел www.keenself.ru/blog/jquery/sobytiya_i_dinamichesk...

Answer 2

[Danil Sapegin]

$(document).on("click", "input[type='checkbox']", function(event){
	$(this).parent().toggleClass('check');
});

попробуйте так?

Comments

[terrykon]

спасибо!