textfield.value = "" not working in Firefox, but works in Safari/Chrome
I have a function that deletes a textfield (called `termsField`) and empties the text from a div (called `definitionContainer`), and I activate the function when the user clicks on a button.

	function clearText(target){
		var definitionDiv = document.getElementById("definitionContainer");
		$('#definitionContainer').empty();
		termsField.value = "";
		$(target).val = "";

And this is the HTML for my textfield and button:

    <input id="termsField" type="search" autocorrect="off" 
         placeholder="Type something!" maxlength="2048">

    <INPUT type="image" name="Clear" alt="Clear Search" src="clearX.png" 
        height="22" width="22" onClick="clearText(this)">

Does anyone have any idea why clearing the `definitionDiv` works in Firefox but `termsField.value = "";` doesn't work? Both of these work fine in Safari and Chrome. I'm not bothering with testing IE since this is part of a web interface.
textfield.value = "" not working in Firefox, but works in Safari/Chrome
===

I have a function that deletes a textfield (called `termsField`) and empties the text from a div (called `definitionContainer`), and I activate the function when the user clicks on a button.

	function clearText(target){
		var definitionDiv = document.getElementById("definitionContainer");
		$('#definitionContainer').empty();
		termsField.value = "";
		$(target).val = "";

And this is the HTML for my textfield and button:

    <input id="termsField" type="search" autocorrect="off" 
         placeholder="Type something!" maxlength="2048">

    <INPUT type="image" name="Clear" alt="Clear Search" src="clearX.png" 
        height="22" width="22" onClick="clearText(this)">

Does anyone have any idea why clearing the `definitionDiv` works in Firefox but `termsField.value = "";` doesn't work? Both of these work fine in Safari and Chrome. I'm not bothering with testing IE since this is part of a web interface.