title: TypeError: $(...) not a function error
body: <p>I already checked old threads, but still I could not solve it.</p>
  
  <p>It's regading jquery  think but I already put jquery in the file.</p>
  
  <p>can someone tell me what is the issue here? </p>
  
  <p>Code is about displaying the graph and on button click of slice display nother graph.</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
      &lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
          &lt;script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;
          &lt;script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'&gt;&lt;/script&gt;
  
  &lt;/head&gt;
      &lt;body&gt;
  
      &lt;div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"&gt;&lt;/div&gt;
  
      &lt;/body&gt;
          &lt;script&gt;
      $(function () {
              $('#container').highcharts({
              chart: {
                  plotBackgroundColor: null,
                  plotBorderWidth: 1,//null,
                  plotShadow: false
              },
              title: {
                  text: 'Browser market shares at a specific website, 2014'
              },
              tooltip: {
  
                  pointFormat: '{series.name}: &lt;b&gt;{point.percentage:.1f}%&lt;/b&gt;'
              },
              plotOptions: {
                  pie: {
                  allowPointSelect: true,
                  cursor: 'pointer',
                  dataLabels: {
                      enabled: true,
                      format: '&lt;b&gt;{point.name}&lt;/b&gt;: {point.percentage:.1f} %',
                      style: {
                          color: (Highcharts.theme &amp;&amp; Highcharts.theme.contrastTextColor) || 'black'
  
                      }
                  }
                  }
              },
              series: [{
                  type: 'pie',
                  name: 'Browser share',
  
                  data: [
                  ['Firefox',   45.0],
                  ['IE',       26.8],
                  {
                  name: 'Chrome',
                  y: 12.8,
                  sliced: true,
                      selected: true
              },
          ['Safari',    8.5],
              ['Opera',     6.2],
              ['Others',   0.7]
              ]
              }]
              });
          });       
          &lt;/script&gt;
  &lt;html&gt;
  </code></pre>