anchor.diff:  
       <label for="events" class="control-label">Filter by event type</label>
       <div class="controls">
  -      <%= select_tag "event_types", options_for_select('<option value="all">ALL</option><option value="create">CREATE</option><option value="phase">PHASE</option><option value="change">CHANGE</option><option value="cancel">CANCEL</option><option value="invoice">INVOICE</option><option value="payment">PAYMENT</option><option value="refund">REFUND</option><option value="chargeback">CHARGEBACK</option>'.html_safe) %>
  +      <%= select_tag "event_types", options_for_select('<option value="all">ALL</option><option value="invoice">INVOICE</option><option value="payment">PAYMENT</option><option value="refund">REFUND</option><option value="chargeback">CHARGEBACK</option><option value="entitlement">ENTITLEMENTS</option>'.html_safe) %>
       </div>
   
       <dl class="dl-horizontal">
  
positive.code:             //remove tr's not under this filter mode
              tr.addClass("hide");
          }
      }
      return rows;
  }
  
  function filterEvents(rows) {
      var event = $('#event_types').val().toUpperCase();
      if("ALL" == event) return rows;
  
      for (i = 0; i < rows.length; i++)
      {
          tr = $(rows[i]);
          tr_data = tr.data();
          if (tr_data.event_type != event){
              //add hide to all who dont deserve to be here
              //caution: do not unhide(any row hidden in previous filters may be destroyed)
              tr.addClass("hide");
          }
      }
  
      return rows;
  }
  
  function filterTable()
  
negative.code:     var dataTable = initTable();
      var all_nodes = dataTable.fnGetNodes();
      
      filterEachNode(all_nodes);
      
      //my rows are filtered, draw table
      dataTable.fnDraw();
  