JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<form id="form1" action="test" method="post"><input type="text" name="x"/><input type="submit" value="submit a!"></form>
<button class="b">submit b!</button>
<input type="checkbox" class="noSubmit" /> no submit
<div id="container"></div><div id="container2"></div><div id="container3"></div>

JavaScript

var chart = [];
$(document).ready(function() {
    
   chart[0] = new Highcharts.Chart({
      chart: {
         renderTo: 'container',
      },
      series: [{
         name: 'London',
         data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
      }]
   });

   chart[2] = new Highcharts.Chart({
      chart: {
         renderTo: 'container2',
      },
      series: [{
         name: 'London',
         data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
      }]
   });

   chart[0] = new Highcharts.Chart({
      chart: {
         renderTo: 'container3',
      },
      series: [{
         name: 'London',
         data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
      }]
   });

$('button.a').click(function(){
  documents.forms[0].submit();
})

$('button.b').click(function(){
  $('#form1').trigger('submit');
})
  
$('#form1').submit(function(){
  if( $('.noSubmit:checked').length )
    return false;
})
    
});