dynamcly loaded table from a js file.

Hello,
i have recently found this site, and i thought i would try this for sorting my table.
But i am having an issue with it, and now im pulling my hair out trying to figure it out.
the tables are not getting hooked / found.
i have tried

        $(document).ready(function () {
            $("#sortable_table").dataTable({
                "sAjaxSource": "include/pagebuild2.js",
                "bProcessing": true,
		  "bServerSide": true,
                "sPaginationType": "full_numbers",
                "bJQueryUI": true
		  "sAjaxDataProp": "buildPlayerTable"
            });
        });

and

$(document).ready(function() {
	$("#sortable_table").dataTable( {
		"bProcessing": true,
		"sAjaxSource": "include/pagebuild2.js"
	} );
} );

and

// POST data to server
$(document).ready( function() {
  $("#sortable_table").dataTable( {
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": "include/pagebuild2.js",
    "fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
      oSettings.jqXHR = $.ajax( {
        "dataType": "json",
        "type": "POST",
        "url": sSource,
        "data": aoData,
        "success": fnCallback
      } );
    }
  } );
} );

to no avail.
what am i doing wrong?
OHH and here is this, from one of the tries.
http://debug.datatables.net/imegaf
and here is a sample of the java formed table output.

    <table id="sortable_table" class="sortable">
      <thead>
        <tr>
          <th scope="col">Player</th>
          <th scope="col">Area</th>
          <th scope="col">Job</th>
          <th scope="col">Bazaar Message</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
          <img src="icons/SGM-Icon.gif" alt="SGM" title="SGM" /> 
          <img src="icons/Campaign-icon.png" alt="SWORD" title="SWORD" />Player</td>
          <td>Area</td>
          <td>Job</td>
          <td>Bazaar Message</td>
        </tr>
      </tbody>
    </table>