How to clear HTML input textbox via Javascript
<p>I am using the same input textbox to collect multiple values.</p>

<p>After collecting the first input, I will clear the field by calling</p>

<pre><code>document.getElementById("textbox").value= "";
</code></pre>

<p>On the surface, above snippet appears to clear the textbox. 
But when I blur the textbox by clicking elsewhere, the old value reappears.</p>

<p>MORE CODES >>></p>

<p>My HTML >></p>

<pre><code>&lt;input id="textbox" placeholder="Start"&gt;
</code></pre>

<p>Javascript >></p>

<p>After getting the first input, I like to reset the input value >>></p>

<pre><code>document.getElementById("textbox").value= "";
document.getElementById("textbox").setAttribute("placeholder","End");
</code></pre>

<p>This is how I do my data collection >>>
The same textbox is first used to collect a Google "place", and then subsequently to collect some user entered comment. In addition to collecting the data, someFunction() also try to clear the textbox by calling .value= ""</p>

<pre><code>google.maps.event.addListener(textbox, "place_changed", function() {
    someFunction();
});
</code></pre>
