get construction from server

HTML

<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<link rel="stylesheet" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css">
<button id="load">Load</button>
<div id="math"></div>

JavaScript

var serverResult = '<p>Text echoed back to request</p><div id="box" class="jxgbox" style="width:500px; height:500px;"></div>' +
    '<scr' + 'ipt>console.log(\'test\'); var b = JXG.JSXGraph.initBoard(\'box\'); var A = b.create(\'point\', [0, 0]);</' + 'script>';

function load() {
    
    $.ajax({
        url: '/echo/html/',
        data: {
            html: serverResult,
            delay: 3
        },
        dataType: 'html',
        method: 'post',
        success: function (data) {
            // does the board already exist? if so, delete it first.
            // b is the same variable as in the snippet above.
            if (typeof b === 'object') {
                JXG.JSXGraph.freeBoard(b);
            }
            
            // jquery way
            $('#math').html(data);
        }
    });
}

$('#load').on('click', load);