Ändern des Eingabewertfeldes mit Interpolation

Question

Ich versuche, einen Wert zurückzusetzen, wenn Sie auf eine Schaltfläche klicken, indem Sie einfach .val() mit JQuery festlegen. Das Seltsamste ist happening- mein Code für den Staat Drop-Down-ONLY arbeiten, aber nicht die anderen Eingänge, die ihre Werte inline mit SWIG Interpolation festgelegt wie folgt:

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

Wenn diese Schaltfläche geklickt wird:

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

Es sollte diesen Code ausführen.

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

Was seltsam ist, wenn ich $ ('# first-name-Suche') zu laufen versuchen val ('Hallo'); in der Konsole direkt im Browser funktioniert es, aber es funktioniert nicht, wenn auf die Schaltfläche geklickt wird.

Answer 1

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

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

Scheint, wie es funktioniert,

Check https://jsfiddle.net/aLLrku6r/