anchor.diff:        var startingPoint = $(this).closest('div').attr('id');
         var pieceType = $(this).attr('class');
   
  +      // set forward movement for pawns //
         if (pieceType.match(/glyphicon-pawn black/)) {
           $('.droppable').droppable("disable");
           $(this).parent().droppable('enable');
  
positive.code:     <div class="box droppable even" id="box-d8"><span class="draggable glyphicon glyphicon-queen white"></span></div>
    </div>
    <div class="col-md-1">
      <div class="box droppable even" id="box-e"><span class=" glyphicon glyphicon-king black draggable"></span></div>
      <div class="box droppable odd" id="box-e"><span class=" glyphicon glyphicon-pawn black draggable"></span></div>
      <div class="box droppable even" id="box-e" ></div>
      <div class="box droppable odd" id="box-e" ></div>
      <div class="box droppable even" id="box-e" ></div>
      <div class="box droppable odd" id="box-e" ></div>
      <div class="box droppable even" id="box-e"><span class="draggable glyphicon glyphicon-pawn white"></span></div>
      <div class="box droppable odd" id="box-e"><span class="draggable glyphicon glyphicon-king white"></span></div>
    </div>
    <div class="col-md-1">
      <div class="box droppable odd" id="box-f"><span class="glyphicon glyphicon-bishop black draggable"></span></div>
      <div class="box droppable even" id="box-f"><span class=" glyphicon glyphicon-pawn black draggable"></span></div>
      <div class="box droppable odd" id="box-f"></div>
      <div class="box droppable even" id="box-f"></div>
      <div class="box droppable odd" id="box-f"></div>
      <div class="box droppable even" id="box-f"></div>
      <div class="box droppable odd" id="box-f"><span class="draggable glyphicon glyphicon-pawn white"></span></div>
      <div class="box droppable even" id="box-f"><span class="draggable glyphicon glyphicon-bishop white"></span></div>
    </div>
    <div class="col-md-1">
      <div class="box droppable even" id="box-g"><span class="glyphicon glyphicon-knight black draggable"></span></div>
      <div class="box droppable odd" id="box-g"><span class=" glyphicon glyphicon-pawn black draggable"></span></div>
      <div class="box droppable even" id="box-g"></div>
      <div class="box droppable odd" id="box-g"></div>
      <div class="box droppable even" id="box-g"></div>
      <div class="box droppable odd" id="box-g"></div>
      <div class="box droppable even" id="box-g"><span class="draggable glyphicon glyphicon-pawn white draggable"></span></div>
      <div class="box droppable odd" id="box-g"><span class="draggable glyphicon glyphicon-knight white draggable"></span></div>
    </div>
    <div class="col-md-1">
      <div class="box droppable odd" id="box-h"><span class="glyphicon glyphicon-tower black draggable"></div>
      <div class="box droppable even" id="box-h" ><span class=" glyphicon glyphicon-pawn black draggable"></span></div>
      <div class="box droppable odd" id="box-h" ></div>
      <div class="box droppable even" id="box-h" ></div>
      <div class="box droppable odd" id="box-h" ></div>
      <div class="box droppable even" id="box-h" ></div>
      <div class="box droppable odd" id="box-h" ><span class="draggable glyphicon glyphicon-pawn white"></span></div>
      <div class="box droppable even" id="box-h" ><span class="draggable glyphicon glyphicon-tower white"></span></div>
    </div>
  
  </div>
  
negative.code:       var piece = ui.draggable.attr('class');
        var oldBox = ui.draggable.parent().attr('id');
  
        ui.draggable.detach().appendTo($(this)).css({'top': '0', 'left': '0'});
  
        var newHome = ui.draggable.parent().attr('id');
        console.log(oldBox);
  