jQuery datatable append th before it initialize
<pre><code>&lt;table cellpadding="0" cellspacing="0" border="1" class="display" id="FormsData" style="margin-bottom:5px;"&gt;
    &lt;thead&gt;
        &lt;tr id="thFormsData"&gt; 

        &lt;/tr&gt;
        &lt;tr&gt;
        &lt;/tr&gt; 
    &lt;/thead&gt;
    &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td class="dataTables_empty"&gt;
                Loading data ...
            &lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;          
&lt;/table&gt;
</code></pre>

<p>Above is the table structure for jQuery datatable. and I am using below code to fill it.</p>

<pre><code>$(document).ready(function() { 
   $('#FormsData').dataTable({
        "sDom": 'T&lt;"clear"&gt;lfrtip',
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "GetJsonData.aspx?FormKey=" + getQuerystring("FormKey", "") + "&amp;FormData=Get"
  )}
)}
</code></pre>

<p>Now problem is that in this way I have to define <strong>th</strong> in <strong>table structure</strong> which jQuery datable is using as columns. But in my case I want to append <strong>th</strong> dynamically to the table before it initialize.<br /><br /> I want to append <strong>th</strong> based on json data which I get from <strong>GetJsonData.aspx</strong> file. Its defined in  <strong>"sAjaxSource": "GetJsonData.aspx ..."</strong></p>
