Как сместить элементы HTML влево с помощью jQuery и JavaScript ⇐ Html

[Anonymous]

У меня есть кнопка в HTML. Нажав на него, я хочу сдвинуть вставку зеленого поля («div») перед кнопкой. Есть ли способ сделать это в jquery? Я написал код ниже, но он не работает. Новый элемент появится на моей кнопке.
click: function () {
var oldLeft = parseInt($('#addButton').css('left'));
var newFU = $('');
newFU.insertBefore("#addButton");
var newLeft= oldLeft + newFU.width();
$("#addButton").css("left", newLeft);
$(this).dialog("close");
}

Связанный CSS выглядит следующим образом:
div .fu {
width: 50px;
height: 50px;
background-color: #19833F;
position: absolute;
color: white;
text-align: center;
vertical-align: middle;
}
.addButton{
font-weight: bolder;
background-color: white;
color: #20ff5c;
font-size: 18px;
left: 20px;
}



Подробнее здесь: https://stackoverflow.com/questions/262 ... javascript