updating a input field based on selectlist option
<p>I have the following HTML</p>

<pre><code>&lt;select name="title" id="title"&gt;
  &lt;option value="Mrs" &gt;Mrs&lt;/option&gt;
  &lt;option value="Mr" &gt;Mr&lt;/option&gt;
  &lt;option value="Miss" &gt;Miss&lt;/option&gt;
  &lt;option value="Dr" &gt;Dr&lt;/option&gt;
&lt;/select&gt;

&lt;input type="text" name="gtitle" id="gift_title" value="" /&gt;
</code></pre>

<p>Now by default <code>Mrs</code> is shown as the first option of the select list. What I need to do then, is to get this value and display it in the <code>input</code> field. Subsequent selections by the user, i.e he/she choses <code>Mr</code>, must also update this input field as well.</p>

<p>I was hoping I could this in jQuery, but I wasn't sure how to get these values.</p>

<p>Thanks</p>
