Проблемы с получением значения переключателя для формы обратной связи

Я пытаюсь создать простую форму обратной связи. Пользователь ответит на ряд вопросов «да» или «нет». Если они выберут «нет», им будет предоставлена форма комментария для включения текста.

В настоящее время у меня проблемы с получением значений переключателей. Я пытаюсь распечатать их в консоли, но ничего не происходит, когда я выбираю подходящий вариант. Если пользователь выбирает «нет», он должен иметь возможность запомнить комментарий, который будет отправлен.

Мой JSFiddle находится здесь: http://jsfiddle.net/787x18vx/

HTML

<p>You are providing feedback</p>
<form>
  <div id="question-1">
    <label for="question-1">Is this correct?</label>
    <input type="radio" value="yes" name="choice-1" />Yes
    <input type="radio" value="no" name="choice-1" />No
  </div>
  <div id="question-2">
    <label for="question-2">Another question</label>
    <input type="radio" value="yes" name="choice-2" />Yes
    <input type="radio" value="no" name="choice-2" />No
  </div>
  <div id="question-3">
    <label for="question-3">One more question</label>
    <input type="radio" value="yes" name="choice-3" />Yes
    <input type="radio" value="no" name="choice-3" />No
  </div>
  <br />
  <button>Send Feedback</button>
</form>

jQuery

var firstInput = 'input[name=choice]';
var firstInputValue = $('input[name=choice-1]:checked').val();
$(firstInput).on('click', function() {
  console.log(firstInputValue);
  console.log($('input[name="choice-1"]:checked').val());
  console.log($('input[name="choice-2"]:checked').val());
  // if value === 'no' show comment form
});