title: Highcharts :Uncaught TypeError: $(...).highcharts is not a function
body: <p>Getting this error while running a HighCharts in my JSP Application.</p>
  
  <pre><code>Uncaught TypeError: $(...).highcharts is not a function(anonymous function) @ VendorReports:125n.Callbacks.j @ jquery-1.11.0.js:893n.Callbacks.k.fireWith @ jquery-1.11.0.js:928n.extend.ready @ jquery-1.11.0.js:982K @ jquery-1.11.0.js:989
  </code></pre>
  
  <p>Please suggest what to do</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$(function () {
      $('#container').highcharts({
          colors: ["#7cb5ec", "#f7a35c"],
          chart: {
              type: 'column'
          },
          title: {
              text: 'Total fruit consumtion, grouped by gender'
          },
          xAxis: {
             categories: ['Apples' ]
          },
          yAxis: {
              allowDecimals: false,
              min: 0,
              title: {
                  text: 'Number of fruits'
              }
              //Nothing wrong with this code
  </code></pre>