JQuery UI Datepicker altField.change function not working?

Question

Can someone tell me why the console.log line does not start when I select a date using jQuery UI Datepicker? Thanks for reading.

<script type="text/javascript">
    $(window).ready(function() {
        $(function() {
            $("#datepicker").datepicker({ altField: '#dateIntermediate'});
        });
        $('#dateIntermediate').change(function(){ 
            console.log("dateIntermediate changed");
        });
    });
</script>
<p>Date: <input id="datepicker" type="text"></p>
<input type="hidden" id="dateIntermediate" />

Answer 1

The browser simply does not fire the changeevent in these cases (setting the value of the script), if you want to find out when it will happen, you can use the onSelecthandler for datepicker, for example:

$(function() {
  $("#datepicker").datepicker({ 
    altField: '#dateIntermediate',
    onSelect: function() { 
      alert('Current #dateIntermediate value: ' + $("#dateIntermediate").val());
    }
  });
});

. , , change, , :

$(function() {
  $("#datepicker").datepicker({ 
    altField: '#dateIntermediate',
    onSelect: function() { 
      $("#dateIntermediate").change();
    }
  });
  $('#dateIntermediate').change(function(){ 
    console.log("dateIntermediate changed");
  });
});​

---

, $(window).ready(function() { });, $(document).ready(function() { });, $(function() { });. , $(anything).ready() , , :)