title: HTML, jQuery: Bind width of one element to another
body: <p>I'd like to bind the width of a first element (foo) to the width of a second element (bar).  I would want element "foo" to have its width change automatically when the width of element "bar" is changed.</p>
  
  <p>I know I can set the width of element "foo" to the width of element "bar" as we can see in the code below, but this is a one-time thing.  What happens if the width of element "bar" changes somewhere in the processing of the page after this code is executed?  e.g. "bar" is a select element and its width changes as a result of an AJAX call - how would element "foo" get its width changed?</p>
  
  <pre><code>$('#foo').width($('#bar').width());
  </code></pre>
  
  <p>Thanks</p>