anchor.diff:                          selectRow(this);
                       }
                   });
  +                filterBooks($("#filter"));
               });
           </script>
       </jsp:attribute>
  
positive.code:                                 <div class="col-xs-6">
                                      <%-- TODO filter --%>
                                      <div class="input-group">
                                          <input type="text" id="filter"
                                              placeholder="Filter" class="form-control" />
                                          <span class="input-group-addon"> <i
                                              class="glyphicon glyphicon-filter"> </i>
  
negative.code:                         });
                  $("#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() {
  