title: Redirecting to new page when clicked on a date in datepicker
body: <p>I wrote a code for opening the date picker when clicked on the image:<br>
  Here is the screen shot:<br>
  <img src="https://i.stack.imgur.com/MgOaX.png" alt="img1"><br>
  <img src="https://i.stack.imgur.com/ubda0.png" alt="img2"><br>
  And here is the code:<br>
  <code>HTML</code>  </p>
  
  <pre><code>&lt;div style="position: absolute; top: 127px; left: 31px;"&gt;Click
              on image to enter period start date:&lt;/div&gt;
  
          &lt;img src='./img/calendar.png' id="datepickerImage"
              style="position: absolute; top: 160px; left: 126px; height: 75px;" /&gt;  
  </code></pre>
  
  <p><code>javascript</code>  </p>
  
  <pre><code>$(document).ready(function() {
                  $("#datepicker").datepicker({
                      changeMonth : true,
                      changeYear : true,
                  }).hide().click(function() {
                      $(this).hide();
                  });
  
                  $("#datepickerImage").click(function() {
                      $("#datepicker").show();
                  });
  
              });  
  </code></pre>
  
  <p>The datepicker opens successfully. When any date on the datepicker is clicked, I want it to be redirected to next page. How can I do it? </p>