補間のある入力値フィールドを変更する

Question

JQueryで.val（）を設定するだけでボタンをクリックしたときに値をリセットしようとしています。

<input type="text" class="moving-input form-control" id="first-name-search" value="{{search.firstName}}"> 

このボタンをクリックすると：：奇妙な事は私のコードは、ONLYそれらの値がそうのようなSWIG補間をインラインで設定した他の入力を、状態のドロップダウンのために働いていないがhappening-れ

<button type="reset" class="results-form-link" id="perform-new-search">Perform a New Search</button> 

これは、このコードを実行する必要があります。私は$（「＃最初の名検索」）を実行しようと奇妙な何

$('#perform-new-search').click(function() { 
    $('#first-name-search').val('hello'); 
    $('#last-name-search').val(''); 
    $('#results-states option:selected').val('Select State'); 
}) 

があるヴァル（「こんにちは」）;ブラウザのコンソールで直接動作しますが、ボタンをクリックしても機能しません。

Answer 1

$('#perform-new-search').click(function() { 

    $('#first-name-search').val('hello'); 
    $('#last-name-search').val(''); 
    $('#results-states option:selected').val('Select State'); 
}) 

は、それが動作するはずです、それが働いているように、

チェックhttps://jsfiddle.net/aLLrku6r/