title: jQuery edit in place - update/pre-fill field every time the content has been edited
body: <p>I am using the jQuery <a href="http://www.appelsiini.net/projects/jeditable" rel="nofollow noreferrer">Jeditable</a> (amazing script btw) to create an edit-in-place form. So, on top of the form, I load the script. Then, the form consists of several hidden fields, which pre-populate themselves with the text from the relevant &lt; p&gt; tags.</p>
  <p>With the help of you all here, this is an example of how the field is pre populated:</p>
  <p>Text from edit-in-place page:</p>
  <pre><code>&lt;p class=&quot;autogrow&quot; style=&quot;width: 300px&quot; id=&quot;title&quot;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.&lt;/p&gt;
  </code></pre>
  <p>Javascript script which does the business:</p>
  <pre><code>&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;
  $(function() {
    $(&quot;#input_3_2&quot;).val($(&quot;#title&quot;).text());
  });
  &lt;/script&gt; 
  </code></pre>
  <p>The problem that I have, is that at the moment, field with ID 'input_3_2' is pre-populated with the text from paragraph with ID 'title' when the page loads.</p>
  <p>Is it possible to re-fill/ or re-populate the field every time the paragraph is changed?</p>