knockout wizard + Jquery

See more:

jQuery

Knockout.js

I have a wizard contains 4 step with knockout its work fine but when i added datepicker of Jquery on step 2 date picker doesn't display (just an input type text display) if i refresh my browser it display, but i lose information of step 1 (if i refresh my browser), how can i solve my problem,

<script id="step1" type="text/html">
 <div>Name: <input type="text" data-bind="value: Name"></div>
 <div>Description: <input type="text" data-bind="value: Description"></div>
</script>

<script id="step2" type="text/html">
  Start: <br/><input type="text" id="from"  data-bind="value: StartDate">
  Stop:<br/> <input type="text" id="to" class="required" data-bind="value: EndDate">
</script>

$(function () { $("#from").datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, onSelect: function (selectedDate) { $("#to").datepicker("option", "minDate", selectedDate); } }); $("#to").datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, onSelect: function (selectedDate) { $("#from").datepicker("option", "maxDate", selectedDate); } }); });

thanks,