title: Highcharts Error #16: charts not showing on the same page
body: <p>i have a website, one page i have successfully added an highchart.</p>
  
  <p>now i copied exactly the same code to the same page, but diffrent asp page, but the first chart has disappeared and the 2nd chart is not showing.</p>
  
  <p>it is giving me an error:</p>
  
  <pre><code>Uncaught Highcharts error #16: www.highcharts.com/errors/16 highcharts.js:16
  Uncaught SyntaxError: Unexpected token ILLEGAL Dashboard.aspx:657
  Uncaught TypeError: Object [object Object] has no method 'highcharts' Dashboard.aspx:405
  Uncaught TypeError: Object [object Object] has no method 'draggable' 
  </code></pre>
  
  <p>any ideas why am getting this.</p>
  
  <p>so my code for the new chart i want:</p>
  
  <pre><code> &lt;script type="text/javascript"
  $(function () { 
   $('#container').highcharts({
      chart: {
          type: 'bar'
      },
      title: {
          text: 'Fruit Consumption'
      },
      xAxis: {
          categories: ['Apples', 'Bananas', 'Oranges']
      },
      yAxis: {
          title: {
              text: 'Fruit eaten'
          }
      },
      series: [{
          name: 'Jane',
          data: [1, 0, 4]
      }, {
          name: 'John',
          data: [5, 7, 3]
      }]
  });
  });​
  &gt;&lt;/script&gt;
  </code></pre>
  
  <p>the chart that is working has the following code:</p>
  
  <pre><code> &lt;script type="text/javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  
  
  
    &lt;script type="text/javascript"&gt;
  
     $(function() {
  
         $('#container').highcharts({
             chart: {
                 type: 'column'
             },
             title: {
                 text: 'Chart'
             },
             xAxis: {
             categories: array1
             },
             yAxis: {
                 title: {
                     text: 'aWH'
                 }
             },
             tooltip: {
                 pointFormat: "Value: {point.y:.1f} mm"
             },
  
             series: [{
  
                 name: '2011-2012',
                 color: '#0000FF',
                 data: array
             },
             {
  
                 name: '2012-2013',
                 color: '#92D050',
                 data: array3
             },
  
  
               {
  
                   color: '#FF0000',
                   name: '2013-2014',
                   data: array2
  }]
         });
  
     });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>the 2nd chart shows.</p>
  
  <p>but the first chart doesnt, </p>
  
  <p>both code is in diffrent acsx page!</p>