title: Render Highcharts after user updated labels
body: <p>I am trying to create a chart builder.  I have a user inputs for Title and location of the legend.  I want a user to type in a title and when the click off (blur) the chart to be updated with what they typed.</p>
  
  <p>The problem is the chart renders the first time, however i can never get the char to render again.  Here is a quick summary of the code.</p>
  
  <pre><code>$('#legendlocation-select').blur(function updateChartLegend(){
  console.log($('#legendlocation-select').val());
  if($('#legendlocation-select').val()==='none'){
      chartData.legend.enabled = 'false';
  }else{
      chartData.legend.enabled = 'true';
      chartData.legend.align = $('#legendlocation-select').val();
  }
  renderChart();
  });
  function renderChart(){
  if(chart == undefined){
      console.log("First Draw");
      chart = new Highcharts.Chart(chartData);
  }else{
      console.log("Redraw");
      chart.destroy();
      chart = new Highcharts.Chart(chartData);
      chart.redraw();
  }
  };
  </code></pre>
  
  <p>The chart renders the first time and then is just a blank white area the second time.  Any ideas?
  chartData is a variable with all the options in it that renders correctly.</p>
  
  <p>here is a JSFiddle that shows the issue <a href="http://jsfiddle.net/zVjrb/3/" rel="noreferrer">http://jsfiddle.net/zVjrb/3/</a></p>