Funkcja podwójnego zdarzenia wywołana kliknięciem

Witajcie, mam przycisk:

<input type="button" value="clear" name="saveCustomization" onClick="javascript:eraseText()">

Chcę aby po kliknięciu tego przycisku zostało wyczyszczone pole textarea oraz nastąpiło kliknięcie innego przycisku:

function eraseText() {
document.getElementById("textField0").value = "";
    $("#clear").trigger("click");
}

problem polega na tym, że pojawia się błąd jak to robię i nie wiem w czym jest problem [błąd pojawia się jak dodam trigger]:

Uncaught TypeError: Cannot read property 'replace' of undefined
at HTMLSelectElement.<anonymous> (product.js:850)
at Function.each (jquery-1.11.0.min.js:2)
at e.fn.init.each (jquery-1.11.0.min.js:2)
at saveCustomization (product.js:849)
at HTMLButtonElement.<anonymous> (product.js:209)
at HTMLDocument.dispatch (jquery-1.11.0.min.js:3)
at HTMLDocument.r.handle (jquery-1.11.0.min.js:3)
at Object.trigger (jquery-1.11.0.min.js:3)
at Object.e.event.trigger (jquery-migrate-1.2.1.min.js:2)
at HTMLButtonElement.<anonymous> (jquery-1.11.0.min.js:3)

Podejrzewam, że problem jest podstawą, jednak uczę się dopiero.

Spróbuj $("#textField0").val(""); , plus daj debugger w tej funkcji zobacz czy tam wbija i w której linii leci błąd. Debugger dajesz wstawiając "debugger;" w funkcji i klikając na swoją stronę prawy i zbadaj, tam będzie konsola, gdzie wykonywanie kodu powinno się zatrzymać po wbiciu do funkcji na linii gdzie będzie debugger;.

function eraseText() {
debugger;
document.getElementById("textField0").value = "";
    $("#clear").trigger("click");
}