Создайте элемент, а затем перетащите его, увеличив ширину

Я пытаюсь создать элемент внутри другого контейнера, а затем перетащить его, увеличивая его ширину.

Я могу создать его, просто не могу перетащить его, пожалуйста, проверьте код. спасибо

document.addEventListener("DOMContentLoaded", init, false);

function init(){
        var i, positionId = [];
        for(i = 1; i< 7 ; i++){
          positionId[i - 1]= document.getElementById(i.toString());
          positionId[i-1].addEventListener("mousedown", getPosition, false);
        }
      }

function getPosition(e){
        var x;
        console.log(e);
        x = e.offsetX;
  $(document.createElement('div'))
      .addClass('time-sch-div').appendTo(e.toElement).css('left', x);
        $( 'time-sch-div' ).draggable({ axis: "x" });
}

http://codepen.io/anon/pen/ZYmxZx