Как правильно обработать событие JQUERY

jQuery(function($) { 
  $('#ui-datepicker-div .ui-state-default').click(function() { 
    console.log('Click'); 
  }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="ui-datepicker-div"> 
  <table class="ui-datepicker-calendar"> 
    <thead> 
      <tr> 
        <th scope="col" class="ui-datepicker-week-end"> 
        </th> 
      </tr> 
    </thead> 
    <tbody> 
      <tr> 
        <td class="ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="3" data-year="2018"> 
          <a class="ui-state-default" href="#">1</a> 
        </td> 
      </tr> 
    </tbody> 
  </table> 
</div>