title: How to import $ from jQuery.min.js into Angular 2 app? name not found
body: <p>I have an Angular 2 app using Typescript. I want to use jQuery's <code>$</code> for a variety of tasks such as </p>
  
  <pre><code>$(document).ready(function(){        // throwing error: "[ts] Cannot find '$'. any"
    console.log("loaded up!");
    $("#main_div").niceScroll();
  })
  </code></pre>
  
  <p>I have imported the jQuery.min.js file into my app via index.html like so:</p>
  
  <pre><code>&lt;script src="app/libs/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>However, I have not imported anything into the <code>app.component.ts</code> file in regards to the jQuery code. Is it necessary, and if so, how do I import it? </p>
  
  <pre><code>import { GenericService } from './services/Generic.service';       // did not do this
  import $ from './libs/jquery.min.js';                              // tried this but does not work
  </code></pre>
  
  <p>Surprisingly, my code worked yesterday as I was developing, but not today when I ran <code>npm start</code>. Could anyone help me out with this import process?</p>