title: jQuery & IE9 - breaks on .find().each()
body: <p>I'm trying to populate a 'Policy' select dropdown with options based on the 'Company' dropdown.  After discovering that hiding options is poorly supported, I changed my code so that all possible s are placed in a hidden div.  When someone clicks the Company select, it pulls the associated option from the div, copies it and adds it to the Policy select. Works well in Opera, FF &amp; Chrome but breaks in IE9 (windows).  </p>
  
  <p>Walking through it in the IE debugger, it looks like it breaks on the 8th line:</p>
  
  <pre><code>bucket.find('option').each(function(){
  </code></pre>
  
  <p>I have it working in a jsfiddle (http://jsfiddle.net/doub1ejack/2xSN5/1/).  Here's the code too.  This is the first time I have come across a compatability problem with jQuery.  Makes me wonder if it's something else..  Thanks!</p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>// behavior for select dropdowns
  $('select.company').change(function(){
      var num = $(this).attr('selectbox');
      var coid = $(this).val();
      var policy = $('select#policy_'+num);
      var bucket = $('#options-bucket');
  
      policy.removeAttr('disabled');
      policy.find('option').not('.default').remove();
      bucket.find('option').each(function(){
          var poco = $(this).attr('company');             
          if(poco == coid) { // if policy belongs to selected company..
              var option = $(this).clone();
              policy.append( option );
          }
      });
      policy.find('option.default').attr('selected','selected');
  });
  </code></pre>
  
  <p><strong>Markup:</strong></p>
  
  <pre><code>&lt;form action="/index.php/auto-insurance-comparison" method="post" id="policy-selection"&gt;
    &lt;select name="company_1" id="company_1" selectbox="1" class="company"&gt;
      &lt;option value=""&gt; &lt;/option&gt;
      &lt;option value="2"&gt;Progressive&lt;/option&gt;
      &lt;option value="3"&gt;GEICO Insurance Company&lt;/option&gt;
    &lt;/select&gt;
    &lt;select name="policy_1" id="policy_1" class="policy" disabled="disabled"&gt;
      &lt;option value="" class="default"&gt; &lt;/option&gt;
    &lt;/select&gt;
    &lt;br&gt;
    &lt;input type="hidden" name="hidden-submit" value="true"&gt;
    &lt;input type="submit" class="button" value="Compare Policies"&gt;
  &lt;/form&gt;
  
  &lt;div id="options-bucket"&gt;
    &lt;option value="1" company="3"&gt; TPAP &lt;/option&gt;
    &lt;option value="2" company="2"&gt; 9610A &lt;/option&gt;
    &lt;option value="4" company="3"&gt; HOMA &lt;/option&gt;
  &lt;/div&gt;
  </code></pre>