focusin jquery ui datepicker removes text but filtered dates as well
<p>Hi I have two jquery UI datepickers to filter a range of dates in which input box I want to have some text that clears at the focus before the selection, so I used the following:</p>

<pre><code>&lt;input name="From" type="text" id="From" class="datepicker initialClass" value="From" /&gt;
&lt;input name="To" type="text" id="To" class="datepicker2 initialClass" value="To" /&gt;

$('.datepicker').val("From")
            .focusin(function () {
                if ($(this).hasClass('initialClass'))
                   $(this).removeClass('initialClass').addClass('normalClass').val('');
            })
            .focusout(function () {
               if ($(this).hasClass('normalClass') &amp;&amp; $(this).val() == '')
               $(this).removeClass('normalClass').addClass('initialClass').val('From');
            });
          $('.datepicker2').val("To")
            .focusin(function () {
                if ($(this).hasClass('initialClass'))
                   $(this).removeClass('initialClass').addClass('normalClass').val('');
            })
            .focusout(function () {
               if ($(this).hasClass('normalClass') &amp;&amp; $(this).val() == '')
               $(this).removeClass('normalClass').addClass('initialClass').val('To');
            });
</code></pre>

<p>Everything works fine, the problem I have is that it removes the dates from the input as well once I filtered. How could I have this and not loose the dates?</p>
