Отрегулируйте ширину двух блоков div с помощью jQuery-Resizable

В настоящее время я работаю на следующей странице:

divResizable был изменен jQuery с использованием следующего кода в $ (). ready ()

 $("#divResizable").resizable({ handles: 'e' });
 $("#divResizable").bind("resize", function (event, ui) {
      $('#divContent').width(850 -(ui.size.width - 175));
 });

Как видите, я пытаюсь увеличить ширину divContent, когда divResizable становится меньше, и наоборот. Однако с этим кодом divContent не всегда «растет» только влево, иногда он простирается до правой стороны на нерелевантный div, что совсем не делает вид изменения размера хорошо.

Есть ли какие-нибудь входные данные для более сложного метода, позволяющего согласовать ширину этих двух div?

Я мог бы придумать, как установить ширину divContent равной

(start of irrelevant - divResizable.width) == 850px
  ^ e.g 1025px          ^ e.g. 175px

Как именно это сделать с помощью jQuery?