title: Unable to assign series to Highcharts even after the data is correctly decoded
body: <p>I am getting json decoded data back from the server, and using $.parseJSON to decode it. Subsequently, assigning it to the series in high charts. Everything seems okay. No console errors, but the chart won't display. </p>
  
  <p>Here is the code</p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="author" content=""&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;script src="../assets/jquery/js/jquery-1.7.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          parent.$('iframe').height('256');
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body style="overflow:hidden"&gt;
  &lt;div id="container" style="width:100%; height:400px;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;script&gt;
  
  $(function() {
  series = [];
  
  series = generateData();
  
  function generateData()
  {
     $.ajax({
      url: 'http://exact.offergrid.com/totalVisits.php',
      success: function(data) 
      {
            alert(data);
            ps = [];
            var obj = $.parseJSON(data);
            var len = obj.length;
            //alert(obj.length);
            for (var i = 0; i &lt; len; i++) {
              //alert(obj[i].date+obj[i].count);
  
              var date = obj[i].date;
              var count = obj[i].count;
              ps[i] = {
                  x: date,
                  y: count 
              };
              series.push({
                      data: []
              });
              series[i].data.push(ps[i]);
          }
      },      
    });
              return series;
  }
  
  $('#container').highcharts({
          chart: {
              renderTo: 'container',
              type: 'column'
          },
          title: {
              text: 'Fruit Consumption'
          },
          xAxis: {
  
          },
          yAxis: {
              title: {
                  text: 'Fruit eaten'
              }
          },
          series: series
  });
  
  
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>