title: Trigger on onclick event doesn't work properly
body: <p>I am trying to automatically set my browser to fullscreen mode. </p>
  
  <p>Here is my jquery Code.</p>
  
  <pre><code>function ActivateFullScreen() {
      var docElm = document.documentElement;
      if (docElm.requestFullscreen) {
          docElm.requestFullscreen();
      } else if (docElm.mozRequestFullScreen) {
          docElm.mozRequestFullScreen();
      } else if (docElm.webkitRequestFullScreen) {
          docElm.webkitRequestFullScreen();
      }
  }
  </code></pre>
  
  <p>// Binding onlick event to my button</p>
  
  <pre><code>$('#triggerFullscreen').click(function () {
      ActivateFullScreen();
  });
  </code></pre>
  
  <p>// None of these works.</p>
  
  <pre><code>$('#triggerFullscreen').click();
  
  $('#triggerFullscreen').trigger('click');
  
  ActivateFullScreen();
  </code></pre>
  
  <p>//my button</p>
  
  <pre><code>&lt;button id="triggerFullscreen" &gt;&lt;/button&gt;
  </code></pre>
  
  <p>If I manually press the button my browser is set to fullscreen mode. 
  I really have no clue why this is not working.</p>
  
  <p>Tanks and Best regards</p>
  
  <p>Markus</p>