title: Trigger jQuery datepicker element on both input click and add-on icon
body: <p>I have 2 input fields containing a default date and I'm using jQuery's Datepicker plugin to select a date from a pop-in calendar. Currently this calendar is displayed when the user clicks on the <code>&lt;input&gt;</code> field.</p>
  
  <p>This is working great but I'd like to also trigger the calendar's pop-in when the user also clicks on the calendar icon which is next to the field so I want the calendar to be displayed on both.</p>
  
  <p>I am using Twitter Bootstrap 3.</p>
  
  <p>Below is my current Jquery:</p>
  
  <pre><code>    $("#FromDate").datepicker({
          dateFormat: 'dd/mm/yy',
          changeMonth: true,
          changeYear: true,
      });
  
      $("#ToDate").datepicker({
          dateFormat: 'dd/mm/yy',
          changeMonth: true,
          changeYear: true,
      });
  </code></pre>
  
  <p>And this is how my page looks</p>
  
  <p><img src="https://i.stack.imgur.com/LXrGp.jpg" alt="enter image description here"></p>