Drag & drop JQuery не идет в исходное положение

Question

Я использую jquery, перетаскивая элемент, идеально опускающийся в зону перетаскивания, но я хочу, чтобы он вернулся в исходное положение.Но это не вернется.Пожалуйста, помогите .. Вот мой код

    function makedraggable() {
     $(".qitem2").draggable({

        revert : "invalid",


       });
    }

    makedraggable();

    $(".droppable-element").droppable({
    "activeClass": "ui-state-hover",
    "hoverClass" : "ui-state-active",
    "accept": ".qitem2",
    "drop": function(event, ui) {

      if ($(this).find(".qitem2").length) {

           var $presentChild = $(this).find(".qitem2"),
              currChildId = $presentChild.attr("id"),
              $currChildContainer = $("#" + currChildId + "-container");                  
              $currChildContainer.append($presentChild);
              $presentChild.removeAttr("style");
              // makedraggable();
      }


      $(ui.draggable).clone().appendTo(this).removeAttr("style");
      $(ui.draggable).remove();
      makedraggable();
  },
  "out": function (event, ui) {
                    $(this).css("background-color", "")
            }
     })
   $.ui.draggable.prototype.destroy = function (ul, item) { };
        })