title: jquery datepicker and jquery mask not working
body: <p>I have this piece of code that uses <a href="http://jqueryui.com/datepicker/" rel="nofollow">jquery datepicker</a> and <a href="https://github.com/digitalBush/jquery.maskedinput" rel="nofollow">jquery masked input</a>.</p>
  
  <pre><code>jQuery(function($) {
      $(document).on('click', '#date', function () { 
          var me = $("#date");   
          me.datepicker({
              showOn: 'focus',
              altFormat: "mm/dd/yy",
              dateFormat: "mm/dd/yy",
              minDate: '12/12/2000',
              maxDate: '12/12/2020'
          }).focus();
          me.mask('99/99/9999');
      }).on('select', '#date', function () {
          var me = $("#date");
          me.mask('99/99/9999');
      });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/6Z2Ws/" rel="nofollow">JSFiddle</a></p>
  
  <p>The code uses <a href="http://api.jquery.com/on/" rel="nofollow">jquery on</a> because the input element in the application is dynamically added into the page. And the masked input is also registered from <code>select</code> event because user can come to the input by pressing tab from previous input.</p>
  
  <p>It doesn't work on <code>Firefox 31</code>, but it works fine on <code>Chrome 36</code> and <code>IE 11</code>.
  When the input field is empty, user should be able to type anything (based on masked filter) in the input element.</p>
  
  <p>Kindly suggest me what's wrong with the code.</p>