Two-Way Ajax Binding
<p>Alright, here goes... I'm learning JavaScript, so I thought it would be a cool coding exercise to have two-way ajax binding between elements.  Except I'm stuck.  What do I mean by two-way ajax binding (I made up the term, I hope it's an accurate description of what I'm going for)?  Well, say I had a simple box, created in the markup with a div, styled 200px by 200px, red.  It wouldn't take any effort at all to make two textareas where, by typing in 500 in the first, and 100 in the second, the size of my div/box would go from 200px in height to 500px in height, and the width of my box would go to 100px in width.  But what if I wanted to make it the other way around, simultaneously?  Is that possible?  Could, on the same page, you be able to type something in a textarea and make the div resize automatically, but at the same time, you be able to select the corner of the div and resize it, updating the textarea in real time via Ajax?  How would that be implemented?  Once I learn Vanilla JavaScript, I'm planning on learning jQuery, so another thing I was wondering is: is that sort of thing implementable in jQuery?</p>

<p>Thanks!  Sorry if that seemed incomprehensible :/</p>

<p>I'm sorry, I'm new to JavaScript, I tried this as an exercise, but now I'm stuck.  Apologies...</p>
