title: Materialize Date Picker open on event
body: <p>I'm trying to open the date picker of materialize on a click event.
  Here is my jsp</p>
  
  <pre><code>&lt;div class="input-field col s12 m12 l12"&gt;
   &lt;input id="birthdate" type="date" class="datepicker" name="birthdate"&gt;
   &lt;label for="birthdate"&gt;Birthdate&lt;/label&gt;
  &lt;/div&gt;
  
  &lt;div id="birthdate-icon" class="cursor-pointer"&gt;
      &lt;i class="material-icons"&gt;today&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>For my script:</p>
  
  <pre><code>$(document).ready(function(){
      $('.datepicker').pickadate({
          selectMonths: true,
          selectYears: 150, 
          format: 'yyyy-mm-dd',
          min: new Date(1900,1,1),
          max: true
      });
  
      initBindings();
  });
  
  function initBindings(){
      $('#birthdate-icon').click(function(){
          $('#birthdate').click();
      });
  }
  </code></pre>
  
  <p>The problem is that the date picker is not opening when I'm clicking the icon.</p>