title: Highcharts not showing up
body: <p>I have a .tpl file and I want to add a couple of charts to it. The values are to be fetched from MySQL database. For the charts, I am using Highcharts.</p>
  
  <p>Here is the fiddle I want my charts to look exactly like it, ofcourse the values would change.</p>
  
  <p><a href="http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-basic/" rel="nofollow">http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-basic/</a></p>
  
  <p>So my code is:</p>
  
  <pre><code>&lt;head&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;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      $(function () {
              $('#container').highcharts({
                  chart: {
                      type: 'column'
                  },
                  title: {
                      text: 'Monthly Average Rainfall'
                  },
                  subtitle: {
                      text: 'Source: WorldClimate.com'
                  },
                  xAxis: {
                      categories: [
                          'Jan',
                          'Feb',
                          'Mar',
                          'Apr',
                          'May'
                      ]
                  },
                  yAxis: {
                      min: 0,
                      title: {
                          text: 'Rainfall (mm)'
                      }
                  },
                  tooltip: {
                      headerFormat: '&lt;span style="font-size:10px"&gt;{point.key}&lt;/span&gt;&lt;table&gt;',
                      pointFormat: '&lt;tr&gt;&lt;td style="color:{series.color};padding:0"&gt;{series.name}: &lt;/td&gt;' +
                          '&lt;td style="padding:0"&gt;&lt;b&gt;{point.y:.1f} mm&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;',
                      footerFormat: '&lt;/table&gt;',
                      shared: true,
                      useHTML: true
                  },
                  plotOptions: {
                      column: {
                          pointPadding: 0.2,
                          borderWidth: 0
                      }
                  },
                  series: [{
                      name: 'Tokyo',
                      data: [49.9, 71.5, 106.4, 129.2, 144.0]
  
  
                  }]
              });
          });
  &lt;script&gt;
  
  &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>When I put this in my .tpl file, it shows nothing. Can anyone say what am I doing wrong. Should I add the latest version of jquery or something..</p>
  
  <p>I have an additional thing to mention, when I try to use this in a separate jsfiddle, it doesn't work there as well.  </p>