jQueryはフォームから値を返します。返り値は未定義です

Question

私はこの質問に複数の答えが出てきています。私はpug（jade）を使用しており、モーダルフォームから値を取得しようとしています。ここ

はパグです：

 #myModal.modal.fade(tabindex='-1', role='dialog', aria-labelledby='myModalLabel',data-keyboard="false", data-backdrop="static") 
    .modal-dialog(role='document') 
    .modal-content 
     .modal-header 
     .text-center.h4#myModalLabel.modal-title(style="color:#4c86ff; font-family: 'Lora', serif; font-size:20px; font-weight:600") please add your symptoms 
     .modal-body 
     form.form-horizontal(action='/token' ,id='symptoms', method='POST') 
      input(type='hidden', name='_csrf', value=_csrf) 
      .form-group 
       input.textarea.form-control(type='text', name='symptomsInput', id='symptomsInput', placeholder='What are your symptoms?', autofocus, required) 
     .modal-footer 
     button.btn.btn-primary#button-grabToke(type='submit' data-toggle="modal" data-target="#myModal") Go! 

、ここでは私のjsです：

$('#button-grabToke').click(function(e){ 
    var symptoms = $('#DynamicValueAssignedHere').find('input[name="symptomsInput"]').val(); 
     console.log(symptoms); 
     }); 
}); 

Answer 1

私は#DynamicValueAssignedHereがどこにあるか知らなくても、問題を見つけることができると思ういけません。しかし事に、私は考えてその[（ID）を見つけることがjqueryの上に容易ではなく、入力名：

find('#symptomsInput').val(); 

は、ブラウザのデバッグをチェックし、#DynamicValueAssignedHereが#symptomsInputの降順であることを確認してください。私はその賭けていない。