Нажмите событие не стрельбы (JQuery)

Question

у меня есть это очень простой код:

$(function() { 
    $("#datepicker").datepicker({ dateFormat: 'yy-mm-dd' }); 
    $("#datepicker1").datepicker({ dateFormat: 'yy-mm-dd' }); 
}); 

$(document).ready(function(){ 
    $("#submit").click(function() { 
    var dataString = "datepicker="+$("#datepicker").val()+"&datepicker1="+$("#datepicker1").val(); 
    $.ajax({ 
     type: "POST", 
     url: "<?php echo $this->baseUrl()?>/index/getrange", 
     data: dataString, 
     success: function(response) 
     { 
      $("#table").html(response); 
     } 
    }); 
    return false; 
    }); 
}); 

HTML, заключается в следующем:

<div id="welcome"> 
<form action="javascript:void(0);" method="post" id="idForm"> 
<p>Select a starting date:<br/> 
<input type="text" id="datepicker" name="datepicker"></p> 
<p>Select an ending date:<br/> 
<input type="text" id="datepicker1" name="datepicker1"></p> 
<input type="submit" value="Search for dates" id="submit"> 
</form> 
</div> 
<div id="table"></div> 

Я даже не могу отладить его с поджигатель, потому что это просто не стрельбы по событию клика. Есть идеи?

Answer 1

Это работает, возможно, у вас установлен jquery ui?

$(function() { 
    $("#datepicker").datepicker({ dateFormat: 'yy-mm-dd' }); 
    $("#datepicker1").datepicker({ dateFormat: 'yy-mm-dd' }); 
}); 

$(document).ready(function(){ 
    $("#submit").click(function() { 
    alert("clicked"); 
    var dataString = "datepicker="+$("#datepicker").val()+"&datepicker1="+$("#datepicker1").val(); 
    $.ajax({ 
     type: "POST", 
     url: "<?php echo $this->baseUrl()?>/index/getrange", 
     data: dataString, 
     success: function(response) 
     { 
      $("#table").html(response); 
     } 
    }); 
    return false; 
    }); 
}); 

проверить его здесь .. http://jsfiddle.net/cxybg/1/