Dynamic Input to Highcharts via HTML input field?

I would like to create a line graph with HighCharts that is able to update with new points via submission through an HTML input field. Any thoughts on how this can be accomplished?

I'm modifying an example given by Highcharts found here: http://ift.tt/1NquFhl

Would something like this work with the input field?

<input id="newPoint" type="text">

var i = 0;
    $('#button').click(function () {
        var chart = $('#container').highcharts();
        chart.series[0].addPoint(50 * (i % 3));
        i += 1;
    });