anchor.diff:    }
   }
   
  +function addRepresentative(id, name){
  +  $( "#representative" ).replaceWith( "<div id=\"representative\"><li>"+name+"</li><input type=\"hidden\" name=\"representative\" value=\""+id+"\" /></div>" );
  +  $('#search-box-representative').val("");
  +  $("#search-results-representative").hide();
  +}
   
     
   $("#search-box-admin").bind("keyup", function() {
  
positive.code:       <div id="admins"><%= f.label :chair_admins, class: 'control-label' %><br>
        </div>
  
        <input id="search-box-admin" name="q" type="text" class="form-control"/>
        <div class="dropdown">
          <ul id="search-results-admin" class="dropdown-menu">
          </ul>
  
negative.code: 
      <div class="control-group">
        <!-- Representative -->
        <%= f.label :chair_representative, class: 'control-label' %><br>
        <div id="representative">
          <p>no representative selected</p>
        </div>
  
        <input id="search-box-representative" name="q" type="text" class="form-control" autocomplete="off"/>
        <div class="dropdown">
          <ul id="search-results-representative" class="dropdown-menu">
          </ul>
  