title: Programmatical click on <a>-tag not working in Firefox
body: <p>I have a problem with the <code>click()</code>-function from jquery. I create a <code>&lt;a&gt;</code>-element with <code>document.createElement('a')</code> and want call the <code>click()</code>-function about this element. About this element, I want to create an Excel-file and save this at the desktop. </p>
  
  <p>My code:</p>
  
  <pre><code>$('body').on('click', '#test', function(event) {
      var link = document.createElement('a');
      link.download = 'test.xls';
      link.href = 'data:application/vnd.ms-excel;utf-8,test';
      link.click();
  });
  </code></pre>
  
  <p>This function work under chrome, but not under Firefox.</p>
  
  <p><a href="http://jsfiddle.net/0hnuw6b4/1/" rel="noreferrer">Working example</a></p>
  
  <p>Does anyone have any idea why that does not work?</p>