asp.net - focusin jquery ui datepicker removes text but filtered dates as well -

hi have 2 jquery ui datepickers filter range of dates in input box want have text clears @ focus before selection, used following:

<input name="from" type="text" id="from" class="datepicker initialclass" value="from" /> <input name="to" type="text" id="to" class="datepicker2 initialclass" value="to" />  $('.datepicker').val("from")             .focusin(function () {                 if ($(this).hasclass('initialclass'))                    $(this).removeclass('initialclass').addclass('normalclass').val('');             })             .focusout(function () {                if ($(this).hasclass('normalclass') && $(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') && $(this).val() == '')                $(this).removeclass('normalclass').addclass('initialclass').val('to');             }); 

everything works fine, problem have removes dates input once filtered. how have , not loose dates?