jquery - jquery datepicker uiと終了日

Question

jquery ui datepicker を介して to および from 日付の結果を取得するときに、ajax コマンドをオフにしようとしています。私は「から」の日付を問題なく取得します。「から」の日付は、何をしても常に未定義です。何か案は？

 function getInfo()
 {
var beg = $("#from").val();
var end = $("to").val();
 alert($("to").val());     <-----this is always undefined
    $("#cdrData").hide();
        $.ajax({
                   type: "GET",
                   url: "cdrs/getCDRS.php",
                   data: "begDate=" + beg + "&endDate=" + end,
                   success: function(result){
                     $("#cdrData").html(result);
 $("#cdrData").slideDown('slow');

                   }
                 });
 }

そしてphpフォーム：

 <form method='POST' id='getCDRS' name='getCDRS'>
 <label for="from">From</label>
 <input type="text" id="from" name="from" />
 <label for="to">to</label>
 <input type="text" id="to" name="to" />
 <input type='button' value='submit' onclick="getInfo()";>
 </form>

および標準の日付ピッカー スクリプト:

 <script>
 $(function() {
$( "#from" ).datepicker({
  defaultDate: "+1w",
  changeMonth: true,
  numberOfMonths: 3,
  onClose: function( selectedDate ) {
    $( "#to" ).datepicker( "option", "minDate", selectedDate );
  }
});
$( "#to" ).datepicker({
  defaultDate: "+1w",
  changeMonth: true,
  numberOfMonths: 3,
  onClose: function( selectedDate ) {
    $( "#from" ).datepicker( "option", "maxDate", selectedDate );
  }
});
   });
  </script>

Answer 1

セレクターがありません#

var end = $("#to").val();
alert($("#to").val());