Simulate click on input in mobile

Simulate click on input in mobile

I'm trying to covert over some code to work in mobile browsers, Note: have jQuery Mobile Events in the page.

The html:
  1. <input type="file" id="importfile" style="display:none;"><button id="import" >&nbsp;Import</button>

The orig script:

  2. $("#import").click(function() {
  3.   document.getElementById("importfile").click();
  4. });

New script:

  2. $('#import').on('singletap', function() {
  3.   console.log('Import Button Hit'); // fires ok
  4.   console.log('Importfile: ' , $('#importfile')); // shows correct input element
  5.   $('#importfile').trigger('singletap');
  6. });

It's giving me the logs, but never simulates the click on #importfile.  What do I need to change?