anchor.diff:      <div class="col-md-4 selectContainer">
       <div class="input-group">
           <span class="input-group-addon"><i class="glyphicon glyphicon-list"></i></span>
  -    <select name="gender" class="form-control selectpicker" id="gender1" >
  +    <select name="uGender" class="form-control selectpicker" id="gender1" >
         <option></option>
         <option value="male">male</option>
         <option value="female">female</option>
  
positive.code:     });
  });
  $("#submit2").click(function() {
  	var type="mentee";
      var city = $("#city2").val();
      var institution = $("#institution").val();
      var academic = $("#academic").val();
      var gender = $("#gender2").val();
      var pair=$('input[name=pair2]:checked', '#formP2').serialize();
      
      $.post("Reports",
              {
          	type: type,
              city: city,
              institution: institution,
              academic: academic,
              gender: gender,
              pair: pair
          },
          function(data,status){
          	var table=document.getElementsByClassName("table2")[0];
  
negative.code: </ul>
  </legend>
  <div class="form-group">
    <label class="col-md-4 control-label">Address</label>  
      <div class="col-md-4 inputGroupContainer">
      <div class="input-group">
          <span class="input-group-addon"><i class="glyphicon glyphicon-home"></i></span>
    <input name="uAddress"  class="form-control"  type="text" id="city2"
    onblur="if(this.value==''){ this.value='city'; this.style.color='#BBB';}" 
  	onfocus="if(this.value=='city'){this.value=''; this.style.color='#000';}">
      </div>
  