Почему не работает jquery .text?

Question

[Shing]

Radio button должны подставлять данные из value в div color.
Но не работает.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>  $('input[type="radio"]').click(function(){
  $(".color").text($(this).val());
});</script>

<input type="radio" checked="checked" name="radio" value="red" id="radioButton1">
<input type="radio" name="radio" value="black" id="radioButton2">


<div class="color"></div>

Answer 1

[0xD34F]

Вы пытаетесь назначить обработчик события элементам, которых нет. Нет на момент назначения.

Поставьте код ниже элементов, или оберните его в $(function() { }), или воспользуйтесь делегированием:

$(document).on('change', 'input[type="radio"]', function() {
  $('.color').text($(this).val());
});