javascript: hide/show <div> da datepicker

[linno]

javascript: hide/show <div> da datepicker

Buongiorno a tutti, da parecchio non scrivo su questo forum, ma ora mi trovo di fronte ad un problema mai affrontato, premesso che sono ancora un mezzo principiante, ho studiato e scritto questa funzione:
[HTML] <script>
$(document).ready(function() {
$('.sanatoria td').hide();
$('#dataper').click(function() {
var val = $(this).val();
if (val < '20/03/2015') {
$('.sanatoria td').show();
} else {
$('.sanatoria td').hide();
}
});
});
</script>[/HTML]
In pratica mi mostra un TD se la data scelta con il datepicker è inferiore a quella indicata... dovrei capire quale evento associare (in questo caso in rosso) per far si che selezionando una data mi mostri o nasconda il TD, se uso .click sono costretto a cliccare sul campo #dataper per avere il risultato dello script, ho cercato ma non riesco a trovare un eventhandler che mi mostri o nasconda il TD SOLO con il click sul datepicker.
Ho provato .event .focus .select, ma nessuno mi da il risultato immediato.
Grazie in anticipo.

[linno]

[RISOLTO]
Sbagliavo l'approccio...
<script>
$(document).ready(function() {
$('.sanatoria td').hide();
$('#dataper').on("change",function() {
var val = $(this).val();
if (val < '20/03/2015') {
$('.sanatoria td').show();
} else {
$('.sanatoria td').hide();
}
});
});
</script>
Grazie