фильтрация данных на основе пользовательского атрибута данных с помощью jquery

Мне интересно, может ли кто-нибудь помочь с некоторым кодом jquery для выполнения следующего. У меня есть выпадающий список выбора, который я хотел бы отфильтровать список флажков.

Вот как выглядит мой html-код

 <span style="float:right;">

        <label>Filter</label> 
    <select id="office-type-list" name="OfficeTypes"><option value="00">All</option>

        <option value="05">Township</option>

        <option value="10">Municipality</option>

        <option value="15">Elementary School</option>

        <option value="20">High School</option>

    </select> 

</span>

<!-- List below -->

<div name="Offices">
    <div data-custom-type="00">
        <input type="checkbox" name="Offices" id="Offices_0000" value="0000" /> <label for="Offices_0000">All</label>
    </div>
    <div data-custom-type="05">
        <input type="checkbox" name="Offices" id="Offices_0010" value="0010" /> <label for="Offices_0010">Township 1p</label>
    </div>
    <div data-custom-type="05">
        <input type="checkbox" name="Offices" id="Offices_0020" value="0020" /> <label for="Offices_0020">Township 2</label>
    </div>
</div>

Итак, если выбран Township (05), то отображаются только div'ы с data-custom-type="05".

Есть ли способ добиться этого и если да, то помощь будет очень признательна