title: Jquery incompatibility issue with Chrome
body: <p>I ran into a headache situation. When I checked the selection option (05/30/2012 EQ), I can't click select button to submit the action, but I am supposed to be able to click it. The issue  happens with Chrome and I.E, but it is good with FF. I think it is a Jquery incompatibility issue. I attached some of my code as follows:</p>
  
  <pre><code>  function $recalcSelection($checkbox) {
      $selectActionList.find("option").each(function() {
        $optionLength = $table.find("td.actioncolumn input:checked").length;
        if($optionLength &lt;= 0) {
          $(this).attr("disabled", true);
        } else if($optionLength == 1) {
          $(this).attr("disabled", false);
        } else {
          if(
            $(this).val() == "editAppointment" ||
            $(this).val() == "copyAppointment" ||
            $(this).val() == "viewShowList" ||
            $(this).val() == "viewScheduledTimes")
          {
            $(this).attr("disabled", true);
          } else {
            $(this).attr("disabled", false);
          }
        }
      });
  
      if($selectActionList.find("option:selected").attr('disabled')) {
        $selectActionList.find("option:enabled").eq(0).attr("selected", true);
      }
  
      if($selectActionList.find("option:enabled").length &lt;= 0) {
        $selectActionButton.attr("disabled", true);
      } else {
        $selectActionButton.attr("disabled", false);
      }
    }
  </code></pre>
  
  <p>$selectActionButton is the submit button, and $selectactionlist is the select list. I tried to print ($selectActionList.find("option:enabled").length in Chrome, it is 0. But when I was printing it in FF, it is 7. Can anyone help me to figure out why? I would so appreciate it. thanks</p>
  
  <p><img src="https://i.stack.imgur.com/RNKKv.png" alt="enter image description here"></p>
  
  <p>I attached some of the HTML table as follows:</p>
  
  <pre><code>&lt;table id="appointmentTable"&gt;
    &lt;thead&gt;
      &lt;tr class="headerrow"&gt;
        &lt;th class="actioncolumn"&gt;&lt;/th&gt;
        &lt;th class="datecolumn"&gt;Date&lt;/th&gt;
        &lt;th class="earliesttimecolumn"&gt;Start Time&lt;/th&gt;
  
        &lt;th class="clientnamecolumn"&gt;Client&lt;/th&gt;
        &lt;th class="locationcolumn"&gt;Location&lt;/th&gt;
        &lt;th class="roomcolumn"&gt;Rooms&lt;/th&gt;
        &lt;th class="typecolumn"&gt;Type&lt;/th&gt;
        &lt;th class="filledtimescolumn"&gt;Filled Times&lt;/th&gt;
      &lt;/tr&gt;
  
    &lt;/thead&gt;
  
    &lt;tbody&gt; 
  
        &lt;tr class=" hiddenrow" appointmentid="15166"&gt;
          &lt;td class="actioncolumn"&gt;&lt;input type="checkbox" name="appointmentids[]" value="15166" /&gt;&lt;/td&gt;
          &lt;td class="datecolumn"&gt;&lt;span title="1338094800"&gt;&lt;/span&gt;&lt;a href="?action=viewDailyUsers&amp;date=05/27/2012&amp;clients[]=8" title="View Appointments on 05/27/2012"&gt;05/27/2012&lt;/a&gt;&lt;/td&gt;
          &lt;td class="earliesttimecolumn"&gt;&lt;/td&gt;
          &lt;td class="clientnamecolumn"&gt;CPH&lt;/td&gt;
          &lt;td class="locationcolumn"&gt;New Location&lt;/td&gt;
          &lt;td class="roomcolumn"&gt;&lt;/td&gt;
  
          &lt;td class="typecolumn"&gt;Screening&lt;/td&gt;
          &lt;td class="filledtimescolumn"&gt;0/0&lt;/td&gt;
        &lt;/tr&gt;
     &lt;/tbody&gt;
  
    &lt;tfoot&gt;
      &lt;tr class="actionrow"&gt;
        &lt;td colspan="2" class="actioncolumn"&gt;&lt;/td&gt;
        &lt;td colspan="6"&gt;With Selected:&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr class="actionrow"&gt;
                    &lt;td colspan="2" class="actioncolumn"&gt;
  
          &lt;input type="submit" name="button" value="Create New" /&gt;
        &lt;/td&gt;
                    &lt;td colspan="6"&gt;
          &lt;select id="selectactionlist" name="selectaction"&gt;
                            &lt;optgroup label="Adjustments"&gt;
              &lt;option value="editAppointment"&gt;Edit&lt;/option&gt;
              &lt;option value="copyAppointment"&gt;Copy&lt;/option&gt;
              &lt;option value="deleteAppointment"&gt;Delete&lt;/option&gt;
  
            &lt;/optgroup&gt;
                            &lt;optgroup label="Lists"&gt;
                                &lt;option value="viewShowList"&gt;Show/No Show List&lt;/option&gt;
                                &lt;option value="viewScheduledTimes"&gt;Schedule List&lt;/option&gt;
            &lt;/optgroup&gt;
                            &lt;optgroup label="Hidden"&gt;
              &lt;option value="hideAppointment"&gt;Hide&lt;/option&gt;
  
              &lt;option value="showAppointment"&gt;Show&lt;/option&gt;
            &lt;/optgroup&gt;
                          &lt;/select&gt;
          &lt;input id="selectactionbutton" type="submit" name="button" value="Select" /&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tfoot&gt;         
  </code></pre>