jQuery .val Enigma между двумя полями ввода

Question

Я пытаюсь сделать так, чтобы, если я перемещаю красный квадрат div вокруг экрана с использованием jQuery UI и jQuery, тогда поле ввода обновляется с положением div. Я получил, что работает с простым .val. Но трудно объяснить, почему, но мне нужно сделать так, чтобы, когда я перемещаю квадрат, он обновляет поле ввода, и когда значение поля ввода изменяется, другое поле ввода отражает новое значение старого поля ввода. Имею ли я смысл, потому что я сбиваю с толку :). Я сделал jsfiddle, так что, возможно, там будет больше смысла.

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

P.S. Является ли это специфическим только для jQuery, или эта проблема присутствует во всех JavaScript.

Спасибо!

http://jsfiddle.net/xmCsq/27/

Answer 1

Вы должны инициировать событие вручную, если ваши установки значения в коде, например

http://jsfiddle.net/xmCsq/30/

Кроме того, почему вы используете событие KeyUp?

изменить: неважно, я неправильно понял, что вы пытались сделать.

Answer 2

Я очистил ваш код чуть-чуть. Проблема заключалась в том, что имя, которое вы выбрали для val # другого, value, уже было взято на языке Javascript. Рабочая демонстрация here.

EDIT: О, неверно изложите свой вопрос. Обновлено демо; причина, по которой ваш второй ящик не обновлялся, заключается в том, что вы забыли установить его для обновления, когда вы отпускаете перетаскиваемый ящик. :)