title: angular.element to trigger click event doesn't work
body: <p>I've been trying to trigger a click event in my input element using a angular ng-click in other element, like this:</p>
  
  <p><b>html</b></p>
  
  <pre><code>&lt;div class="myClass" ng-click="vm.selectImage()" nv-file-drop uploader="vm.uploadImage"&gt;
      Drop your image here
  &lt;/div&gt;
  &lt;div ng-hide="!hideInput"&gt;
      &lt;input type="file" id="imgSelect" nv-file-selec uploader="vm.uploadImage" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><b>controller</b></p>
  
  <pre><code>vm.selectImage= selectImage;
  function selectImage() {
      angular.element('#imgSelect').trigger('click');
  };
  </code></pre>
  
  <p>I know there is other similar questions to this, but I've tried to use what they said (which a bunch of them shows the same code I'm using), for example:</p>
  
  <ul>
  <li><a href="https://stackoverflow.com/questions/24628410/how-can-i-trigger-the-click-event-of-another-element-in-ng-click-using-angularjs">how can i trigger the click event of another element in ng-click using angularjs?</a></li>
  <li><a href="https://stackoverflow.com/questions/31608032/angular-file-upload-how-to-make-drop-zone-clickable/31972856#31972856">angular-file-upload - how to make drop zone clickable?</a></li>
  <li><a href="https://stackoverflow.com/questions/23609171/how-to-get-element-by-classname-or-id">How to get element by classname or id</a></li>
  </ul>
  
  <p>But even with that, or even using a directive like this:</p>
  
  <pre><code>.directive('selectImg', selectImg);
  function selectImg() {
      return {
          restrict: 'A',
          link: function(scope, element) {
              element.bind('click', function(e) {
                  //option 1
                  angular.element(e.target).siblings('.imgSelect').trigger('click');
  
                  //option 2
                  angular.element( document.querySelector( '#imgSelect' ) ).trigger('click');
  
                  //option 3
                  var myEl = angular.element( document.querySelector( '#imgSelect' ) );
                  myEl.trigger('click');
  
                  //option 4
                  angular.element('#imgSelect').trigger('click'); //angular way
              });
          }
      };
  }; 
  </code></pre>
  
  <p>I keep getting this error:</p>
  
  <blockquote>
    <p>Error: [jqLite:nosel] <a href="http://errors.angularjs.org/1.5.0-beta.1/jqLite/nosel" rel="nofollow noreferrer">http://errors.angularjs.org/1.5.0-beta.1/jqLite/nosel</a></p>
  </blockquote>
  
  <p>Here is a plunker to demonstrate the error: <a href="http://plnkr.co/edit/rWcCbixwFArYhCxUVTsv?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/rWcCbixwFArYhCxUVTsv?p=preview</a></p>
  
  <p>What is the problem?</p>