A text box appears when I load the page even though I have set its "style:display" to none
<pre><code>&lt;input type="text" name="otherPONumber" id="otherPONumber" maxlength="25" style="display: none;"&gt;


&lt;script type="text/javascript"&gt;
function toggleField(val) {
    var obj = document.getElementById('otherPONumber');
        if(obj != undefined &amp;&amp; txt != undefined) {
        (val == 'Other')? obj.style.display = 'block' : obj.style.display = 'none';

    }
}

&lt;/script&gt;
</code></pre>

<p>Inspite of this, the text box appears when the page loads.</p>
