如何使用jquery在选择框中选择选项时筛选表数据？

Question

我有一张表，其中包含一些用户详细信息。我已经从JSON填充了这些数据。在表格的底部，我有一个选择框，供选择开发人员或测试人员来过滤表格的用户使用。例如，

考虑一个包含10行的表。前6行包含开发人员详细信息，后4行包含测试人员详细信息。如果用户在选择框中选择开发人员，则表应显示行，其中包含有关开发人员的信息。我怎样才能通过使用jquery实现这一目标？

 <table class="tableData" border="1" frame="void" rules="rows">
          <tbody>
            <!--data comes from JSON file -->
          </tbody>
          </table>
    <select id="selectEngineer">
                <option value="anyone">Any One</option>
                <option value="Developer">Developer</option>
                <option value="Tester">Tester</option>
              </select>



    $("#selectEngineer").click(function() {
            $(".tableData tbody tr").show();
            if($("#selectEngineer").val.length > 0) {
                $("#selectEngineer tbody tr").filter(function(index, elm) {
                    return $(elm).html().toUpperCase().indexOf($("#selectEngineer").val().toUpperCase()) < 0;
                }).hide();
            }
        });