JQuery - правильно отображать проверенный номер счета

Question

Я использую виджет MultiSelect пользовательского интерфейса Eric Hynds JQuery и пытаюсь отображать только флажки из самого виджета. "Нормальные" флажки не должны влиять на количество. В настоящее время обычные флажки добавляют к счетчику, если вы отметили один, а затем отметили один из виджета... в результате счет =2.

Пожалуйста, смотрите мою скрипку: http://jsfiddle.net/PdLBX/6/

$(document).ready(function () {
        $(".multiselect").each(function () {
          $(this).change(updateCount);
        });
        updateCount();
        function updateCount () {
          var count = $("input[type=checkbox]:checked").size();
          $("#count").text(count);
        };

      });

Я пробовал что-то подобное, но не повезло.

 function updateCount () {
          var count1 = $("[id^=ui-multiselect-dropdown1]:checked").size(),
              count2 = $("[id^=ui-multiselect-dropdown2]:checked").size(); 
          $("#count").text(count1+count2);
        };

Answer 1

Использование .length

function updateCount () {
  var count1 = $("[id^=ui-multiselect-dropdown1]:checked").length,
      count2 = $("[id^=ui-multiselect-dropdown2]:checked").length; 
  $("#count").text(count1+count2);
};

Документация Здесь