Google Visualization in Rails 3.2 messed up load order
===

I downloaded the google visualization javascript code in asset/javascript folder. In a coffeescript file, 
$ ->
      google.load('visualization', '1.0', {'packages':['corechart']});
      google.setOnLoadCallback(drawChart);
    
      drawChart = ->
        data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);
        options = 
          title: 'Company Performance'
          hAxis: 
            title: 'Year', 
            titleTextStyle: 
              color: 'red'
        chart = new google.visualization.ColumnChart(document.getElementById('chart_div'))
        chart.draw(data, options)
I have chart_div defined as the example given in google document. However, in both chrome and firefox, the site refused to load. In chrome, I got `Uncaught TypeError: Cannot read property 'style' of null`. In firefox, it just keeps loading forever without displaying anything. The source file only got loaded up to the line `script src="https://www.google.com/uds/api/visualization/1.0/66b81c45612b098032b562b20ed13080/format+en,default,corechart.I.js" type="text/javascript">/script`

It was so frustrated to get this to work. I do realize that there is a gem called visualar, but I prefer to work with original javascript rather than a ruby wrapper.

Thanks for your help