JQuery UI Draggable and Droppable table Cells

CSS

body {
  font-size: 14px;
  font-family: sans-serif;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table tr td,
table tr th {
  border: 1px solid #999;
  width: 12.5%;
  vertical-align: top;
}

table td span {
  display: block;
  text-align: center;
  transition: all 0.5s linear;
}