title: Button click is not a function error in angular controller
body: <p>I am trying to build a file upload component and I am getting the error :button.click is not a function. Why is that? </p>
  
  <pre><code>&lt;form name="uploadForm"&gt;
          &lt;div layout-gt-sm="row"&gt;
              &lt;input id="fileInput" type="file" class="ng-hide"&gt;
              &lt;md-input-container&gt;
                  &lt;input id="textInput" type="text" &gt;
              &lt;/md-input-container&gt;
              &lt;md-button id="uploadButton"&gt;Choose file&lt;/md-button&gt;
              &lt;md-button id="saveButton"  ng-click="$ctrl.uploadVideoFile($event)" &gt;Upload&lt;/md-button&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  
      viewUploadModule.controller('viewUploadController', function ($location) {
          var self = this;
  
          self.$onInit = function (scope,element,location) {
  
              var input = angular.element(document.querySelector('#fileInput')); 
              var button =  angular.element(document.querySelector('#uploadButton'));
              var textInput =  angular.element(document.querySelector('#textInput'));
          }
  
           button.click(function (e) {
                      input.click();
                  });
  
      });
  </code></pre>