DataTable With HighCharts Ajax

How To Get A DataTable To Work Within Existing getJSON Request

HTML

<script src="http://z3.ifrm.com/28107/72/0/f678613/jquerydataTablesmin.js"></script>
<table id="table_id" class="display">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1 Data 1</td>
            <td>Row 1 Data 2</td>
        </tr>
        <tr>
            <td>Row 2 Data 1</td>
            <td>Row 2 Data 2</td>
        </tr>
    </tbody>

JavaScript

$.getJSON('http://terran12.t15.org/requestjsonp.php?callback=?', function(data) 
          {
    $('#table_id').dataTable( {
        "processing": true,
        "dataSrc": "data"
    } );

                //detailChart.xAxis[0].setCategories(data[0]['data']);
                //masterChart.series[0].update(data[1]);
                //chart = new Highcharts.Chart(masterChart);
            });