поменяйте местами перетаскиваемый элемент, который был сброшен на контейнер для сбрасывания (т.е. между ячейками таблицы)

Question

У меня есть перетаскиваемый элемент списка и таблица перетаскивания. Оригинал остается в перетаскиваемом элементе списка, а помощник (клон) перетаскивается в контейнер перетаскивания (ячейка таблицы).После перетаскивания более одного элемента в ячейке таблицы я хочу переключиться между этими клонированными элементами.

Я нашел класс перетаскиваемых элементов (ui.draggable.attr ('class')) и также можно сбрасывать ($ (this) .attr ('class') с помощью строки кода в функции drop и попытался заменить класс между ними.

 drop: function (event, ui)
    {
        var draggable      = $(ui.draggable)
          var droppable      = $(this)
           var draggableClass = draggable.attr('class')
          var droppableClass = droppable.attr('class');

        droppable.append(draggable.text());
        draggable.attr('class', droppableClass);
        droppable.attr('class', draggableClass);
        draggable.empty();
    }

мой код: https://codepen.io/anon/pen/vwQeXP