title: ReferenceError: HighCharts is not defined
body: <p>I'm rendering a chart using highstocks on my rails application on a index.html.erb file, however when I try to load the chart, I get the following error on the firebug console,</p>
  
  <pre><code>ReferenceError: HighCharts is not defined
  new HighCharts.Chart({
  </code></pre>
  
  <p>My index.html.erb file is as follows</p>
  
  <pre><code>&lt;div id="quotes_chart", style="width=560px; height:300px;"&gt;
  &lt;script&gt;
   $(function(){   
   new HighCharts.Chart({
    chart : {
     renderTo: "quotes_chart"
    },
    title : {
     text: "Daily trades" 
    },
    xAxis : {
      type: "datetime"
    },
    yAxis : {
      title: {
       text: "Shillings"
     }
    },
    tooltip : {
      formatter: function(){
        return HighCharts.dateFormat("%B %e, %Y", this.x) + ': ' + "Kshs" + Highcharts.numberFormat(this.y, 2);
      }
    },
    series: [
      &lt;% { "Telecommunication" =&gt; StockQuote.telecomm, "Agriculture" =&gt; StockQuote.agric }.each do |name, prices|
  %&gt;
  {
    name: &lt;%= name %&gt;,
    pointInterval: &lt;%= 1.day * 1000 %&gt;,
    pointStart: &lt;%= 2.weeks.ago.to_i * 1000 %&gt;,
    data: &lt;%= (2.weeks.ago.to_date..Date.today).map { |date| StockQuote.price_on(date).to_f}.inspect%&gt;
  },
  &lt;% end %&gt;
  ]
  });
  });
  &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In my application.html.erb is as follows:</p>
  
  <pre><code> &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
   &lt;script src="components/highstock/highstock.js"&gt;&lt;/script&gt;
   &lt;%= javascript_include_tag "jquery-1.11.0.min", "highcharts" %&gt;
  </code></pre>
  
  <p>In my app assests/javascripts folder I have both the jquery-1.11.0.min.js and highcharts.js files as downloaded from highcharts.com</p>
  
  <p>What might I be doing wrong?</p>