title: Typescript cannot find name '$' after importing jquery?
body: <p>I am using TypeScript 1.4.1, and have a project laid out like so:</p>
  
  <pre><code>scripts/
      libs/
          jquery/
              jquery.d.ts // Latest from DefinitelyTyped
              jquery.js // 2.1.3
          lodash/
              lodash.d.ts // Latest from DefinitelyTyped
              lodash.js // 3.3.1
      main/
          test.ts
  </code></pre>
  
  <p>My main/test.ts contains the following:</p>
  
  <pre><code>/// &lt;reference path="../libs/lodash/lodash.d.ts" /&gt;
  /// &lt;reference path="../libs/jquery/jquery.d.ts" /&gt;
  
  import _ = require("lodash");
  import $ = require("jquery");
  
  function requireExistingElement($el: $.JQuery) {
      if(_.isUndefined($el) || _.isNull($el) || $el.length === 0) {
          throw new Error("It appears the requested element does not exist?");
      }
  }
  
  requireExistingElement($("body"));
  </code></pre>
  
  <p>This is compiled with the following command:</p>
  
  <pre><code>tsc --module amd scripts/main/test.ts
  </code></pre>
  
  <p>I expect this to run correctly, but when I compile it I get:</p>
  
  <pre><code>scripts/main/test.ts(7,38): error TS2304: Cannot find name '$'.
  scripts/main/test.ts(13,24): error TS2304: Cannot find name '$'.
  </code></pre>
  
  <p>My question is: How do I reference jquery given that the above is not working? Or, am I just doing something wrong?</p>