anchor.diff:                          });
                   $("#selected-books").val(data.join(","));
               }
  +            function filterBooks(field) {
  +                $("#available-table tbody tr").each(function() {
  +                    if ($(this).find("td").text().indexOf(field.value) >= 0) {
  +                        $(this).show();
  +                    } else {
  +                        $(this).hide();
  +                    }
  +                });
  +            }
               $(function() {
                   var selected = $("#selected-books").val().split(',');
                   $("#available-table tbody tr").each(function() {
  
positive.code:                         selectRow(this);
                      }
                  });
              });
          </script>
      </jsp:attribute>
  
negative.code:                                 <div class="col-xs-6">
                                      <%-- TODO filter --%>
                                      <div class="input-group">
                                          <input type="text" id="filter" onKeyUp="filterBooks(this)"
                                              placeholder="Filter" class="form-control" />
                                          <span class="input-group-addon"> <i
                                              class="glyphicon glyphicon-filter"> </i>
  