need to display other field on live status of other field
<p>When a user selects a state from a state drop-down, it will display a list of high-schools in a drop-down field.</p>

<p>I am able to display the high schools once the user selects a state, but I am having trouble when the user submits the form w/o selecting a high school. If they do not select a high school, it will not display the form.</p>

<p>That is not really the problem, that is one of the ways the form can fail validation, which brings me to my question.</p>

<p>When the user fails validation, it will display the same form with the fields filled in the info they inputted before submitting the form.</p>

<p>The state drop-down is pre selected with the state they selected, but the high school drop down is no where to be seen. If I unselect the state drop-down, then re-select a state, then the high school list will display.</p>

<p>I am using a bind change on the #state field.</p>

<p>How can I display the high school field w/o having to wait for a click or change on the state field?</p>

<pre><code>&lt;select name="state" id="state"&gt;
 &lt;option&gt;&lt;/option&gt;
 &lt;option value="NY"&gt;NY&lt;/option&gt;
 &lt;option value="TX"&gt;TX&lt;/option&gt;
&lt;/select&gt;

&lt;select name="high_school" id="high_school"&gt;
 &lt;option&gt;&lt;/option&gt;
 &lt;option value="Bayside High"&gt;Bayside High&lt;/option&gt;
 &lt;option value="Ridgemont High"&gt;Ridgement High&lt;/option&gt;
&lt;/select&gt;

$("#high_school").hide();

$('#state').bind('change', function() {
  $("#high_school").show();
});
</code></pre>

<p>I assume I'll need to keep an eye on #state on load</p>
