title: $ is not defined - jquery angular mixing
body: <p>Previously I developed all my projects with jQuery, but recently started with Angular.
  I created a Angular boilerplate with Yeoman generator and extend my code from it.</p>
  
  <p>I translated my ajax form post jQuery code to the following Angular controller.</p>
  
  <pre><code>'use strict';
  
  
  angular.module('MyApp')
  .controller('ShareformCtrl', function ($scope, $http) {
  // create a blank object to hold our form information
  // $scope will allow this to pass between controller and view
  $scope.formData = {};
  
  // process the form
  $scope.processForm = function() {
      $http({
          method : 'POST',
          url : 'php/share_handling.php',
          data : $.param($scope.formData), // pass in data as strings
          headers : { 'Content-Type': 'application/x-www-form-urlencoded' } // set the headers so angular passing info as form data (not request payload)
      })
      .success(function(data) {
          console.log(data);
  
          if (!data.success) {
              // if not successful, bind errors to error variables
              $scope.errorName = data.errors.name;
              $scope.errorSuperhero = data.errors.superheroAlias;
          } else {
              // if successful, bind success message to message
              $scope.message = data.message;
          }
      });
  };
  });
  </code></pre>
  
  <p>But jshint will fail on <code>$.param</code></p>
  
  <p>In my index I have angular and jquery implemented as follows:</p>
  
  <pre><code>&lt;script src="bower_components/jquery/dist/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>So Angular should have access to <code>$</code>, but it doesn't or something else is happening here.<br/></p>