title: need to display other field on live status of other field
body: <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>