Jquery - Displaying the value selected from datepicker into another textbox
<p>I am using jquery to get values selected from textboxes and displaying them in a  different textbox on a summary page (all designed on the same page). For example, I have the following HTML:</p>

<pre><code>&lt;label for="txt-outbound-date" class="left p-input-label" &gt;Date: &lt;/label&gt;
&lt;input type="text" id="txt-outbound-date" name="txt-outbound-date" class="input-txt-sml left required" /&gt;
</code></pre>

<p>Summary page HTML:</p>

<pre><code>&lt;div class="div-contact-label-wrap"&gt;
    &lt;label for="txt-selected-date" class="right p-input-label" &gt;Outbound Date: &lt;/label&gt;
&lt;/div&gt;
&lt;div class="div-contact-input-wrap"&gt;
    &lt;input type="text" id="txt-selected-date" name="txt-selected-date" class="input-txt-sml left" disabled="disabled" /&gt;
&lt;/div&gt;
</code></pre>

<p>JQuery code:</p>

<pre><code>$('#txt-outbound-date').change(function() {
    $('#txt-selected-date').val($(this).val());
});
</code></pre>

<p>This works perfectly okay for every textbox I have except for the 'Selected Date' textbox which uses Jquery datepicker to get the selected value. When I select a value and get to the summary page, no value is copied across. If I go back to the previous page and select a different date, the date that was previously selected will be displayed in the textbox.</p>

<p>Does anyone have any idea how I can resolve this?</p>

<p>I've also tried:</p>

<pre><code>$('#txt-outbound-date').click(function() {
   $('#txt-selected-date').val($(this).val());
});
</code></pre>

<p>But that didn't work either. Any suggestions please?</p>
