title: TypeError: Cannot read property 'jquery' of undefined
body: <p>I'm getting the following error in Chrome console,</p>
  
  <pre><code>TypeError: Cannot read property 'jquery' of undefined
  </code></pre>
  
  <p>Here is my javascript function,</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var formApp = angular.module('formApp',[]);
  
      function formController($scope,$http){
          $scope.formData = {};
  
          $scope.processForm = function(){
              $http({
                  method : 'POST',
                  url : 'http://localhost:8080/ABCAPI/v1/image/front',
                  data : $.param($scope.formData.imageFile),
                  headers : {'Content-Type': "multipart/form-data" , 'Auth-Token' : "X"}
              }).success(function(data){
                  console.log("");
  
                  if (!data.success) {
                      // if not successful, bind errors to error variables
  
                  } else {
                      // if successful, bind success message to message
                      $scope.message = data.message;
                  }
              })
          };
      }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>What does above error means and where did I go wrong?</p>