title: Drupal 7 Forms API Conditional Logic not working in IE
body: <p>I have a drupal 7 form with a bunch of fields:</p>
  
  <pre><code>$form['account_type'] = array(
    '#title' =&gt; t('Utility Account Type'),
    '#type' =&gt; 'select',
    '#options' =&gt; necp_enrollment_administration_portal_account_type_options(),
    '#required' =&gt; TRUE,
    '#default_value' =&gt; isset($form_state['values']['account_type']) ? $form_state['values']['account_type'] : '',
  );
  
  // Should show if account_type = 1
  $form['home_wrapper'] = array(
    '#type' =&gt; 'fieldset',
    '#states' =&gt; array(
      'visible' =&gt; array(
        ':input[name="account_type"]' =&gt; array('value' =&gt; 1),
      ),
    ),
  );
  $form['home_wrapper']['first_name_1'] = array(
    '#title' =&gt; t('Primary Account First Name'),
    '#type' =&gt; 'textfield',
    '#default_value' =&gt; isset($form_state['values']['first_name_1']) ? $form_state['values']['first_name_1'] : '',
    '#states' =&gt; array(
      'required' =&gt; array(
        ':input[name="account_type"]' =&gt; array('value' =&gt; 1),
      ),
    ),
  );
  $form['home_wrapper']['last_name_1'] = array(
    '#title' =&gt; t('Primary Account Last Name'),
    '#type' =&gt; 'textfield',
    '#default_value' =&gt; isset($form_state['values']['last_name_1']) ? $form_state['values']['last_name_1'] : '',
    '#states' =&gt; array(
      'required' =&gt; array(
        ':input[name="account_type"]' =&gt; array('value' =&gt; 1),
      ),
    ),
  );
  
  // Should show if account_type = 2
  $form['business_wrapper'] = array(
    '#type' =&gt; 'fieldset',
    '#states' =&gt; array(
      'visible' =&gt; array(
        ':input[name="account_type"]' =&gt; array('value' =&gt; 2),
      ),
    ),
  );
  $form['business_wrapper']['company_name'] = array(
    '#title' =&gt; t('Company/Organization'),
    '#type' =&gt; 'textfield',
    '#default_value' =&gt; isset($form_state['values']['company_name']) ? $form_state['values']['company_name'] : '',
    '#states' =&gt; array(
      'required' =&gt; array(
        ':input[name="account_type"]' =&gt; array('value' =&gt; 2),
      ),
    ),
  );
  </code></pre>
  
  <p>In Firefox/Chrome/Opera all versions this form behaves as it should. However in all versions of IE the form initializes with display:none; style on all of the conditional fields regardless of what the value in account_type is. Changing the selected option of account_type does not effect the hidden status.</p>
  
  <p>Any tips on debugging this form would be awesome.</p>
  
  <p>Notes:</p>
  
  <ul>
  <li>I am not much of a Drupal developer, I inherited this site. Just trying to iron out the last couple bugs so we can go live</li>
  <li>there are more fields than are listed above, I just gave you some of the applicable ones so that you could get the gist of how my forms were setup</li>
  <li>current url for the form in development: <a href="https://northeastcleanpower.com/enroll_new" rel="nofollow">https://northeastcleanpower.com/enroll_new</a></li>
  <li>I'm using <a href="http://www.browserstack.com/" rel="nofollow">http://www.browserstack.com/</a> to debug IE 7 - 10pp4 (I think we only have to support 8 and up though)</li>
  </ul>
  
  <p>I've also tried:</p>
  
  <ul>
  <li><code>':select[name="account_type"]' =&gt; array('value' =&gt; 1),</code></li>
  <li><code>'#edit-account-type' =&gt; array('value' =&gt; 1),</code></li>
  </ul>