Highcharts Bubble Chart Click Events

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<button id="button">Change color</button>
<div id="container" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>

JavaScript

$(function() {
  $('#container').highcharts({

    chart: {
      type: 'bubble',
      zoomType: 'xy'
    },

    title: {
      text: 'Highcharts Bubbles'
    },
    plotOptions: {
      bubble: {
        events: {
          click: function(e) {
            console.log("user clicked series: ", e.point.series.index, "; which is this color: ", e.point.series.color);
          }
        }
      }
    },

    series: [{
      data: [
        [97, 36, 79],
        [94, 74, 60],
        [68, 76, 58],
        [64, 87, 56],
        [68, 27, 73],
        [74, 99, 42],
        [7, 93, 87],
        [51, 69, 40],
        [38, 23, 33],
        [57, 86, 31]
      ]
    }, {
      data: [
        [25, 10, 87],
        [2, 75, 59],
        [11, 54, 8],
        [86, 55, 93],
        [5, 3, 58],
        [90, 63, 44],
        [91, 33, 17],
        [97, 3, 56],
        [15, 67, 48],
        [54, 25, 81]
      ]
    }, {
      data: [
        [47, 47, 21],
        [20, 12, 4],
        [6, 76, 91],
        [38, 30, 60],
        [57, 98, 64],
        [61, 17, 80],
        [83, 60, 13],
        [67, 78, 75],
        [64, 12, 10],
        [30, 77, 82]
      ]
    }]

  });
  $('#button').click(function() {
    var chart = $('#container').highcharts();
    chart.series[0].data[0].update({
      y: 150,
      marker: {
        fillColor: 'red',
        states: {
          hover: {
            fillColor: 'red',
            lineColor: 'red'
          }
        }
      }
    });
  });
});