jquery datatable sorting not working for run time values
<p>I used jquery data table for sorting. It works fine under normal condition. If i changed the value in run time, the sorting is not working. </p>

<p>This is my table data </p>

<pre><code>        &lt;table width="94%" cellpadding="2" cellspacing="1" class="tablehead" id="pls-batting"&gt;
    &lt;thead&gt;     
    &lt;tr class="tab_head" align="right" id="pls-play" &gt;
    &lt;th width="44" align="center" &gt;# No &lt;/th&gt;
    &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
    &lt;tr  id="116706"&gt;
    &lt;td align="left" id='1' &gt;test&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr id="116707"&gt;
    &lt;td align="left" id='2'&gt;bbb&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr id="116708"&gt;
    &lt;td align="left" id='3' &gt;xxx&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/tbody&gt;
    &lt;/table&gt;
</code></pre>

<p>Jquery method used for sorting is : </p>

<pre><code> $(document).ready(function() {

   $('#pls-batting').dataTable( {

            } );
  } );
</code></pre>

<p>By clicking the '# No' head the corresponding column displayed in asc and desc order respectively. These TD values will be changed onload by using </p>

<pre><code>        document.getElementById(3).innerHTML = 'something';
</code></pre>

<p>So as a result the 3rd column value is 'something'. So sorting will be done by this values. But it is not working. </p>

<p>It takes the old values. Please help me. Thanks</p>
