loading a element of same file through jquery
<p>I have a file <em>data.php</em>, when a user clicks update the database is updated in background with jquery but in response i want to reload the particular table whose data was updated.</p>

<p>my html:</p>

<pre><code>&lt;div id="divContainer"&gt;
&lt;table id="tableContainer" cellspacing='0' cellpadding='5' border='0'&gt;
&lt;tr&gt;
 &lt;td&gt;No.&lt;/td&gt;
 &lt;td&gt;Username&lt;/td&gt;
 &lt;td&gt;Password&lt;/td&gt;
 &lt;td&gt;Usage Left&lt;/td&gt;
 &lt;td&gt;%&lt;/td&gt;
&lt;/tr&gt;&lt;!-- Multiple rows with different data (This is head of table) --&gt;
</code></pre>

<p>
</p>

<p>my jquery:</p>

<pre><code>$('#UpdateAll').click(function() {
      $.ajax({
            type: 'post',
            url: 'update.php',
            data: 'action=updateAll',

            success: function(response) {
       $('#response').fadeOut('500').empty().fadeIn('500').append(response);

       $('&lt;div id="divContainer" /&gt;').slideUp('500').empty().load('data.php #tableContainer', function() {
        $(this).hide().appendTo('#divContainer').slideDown('1000');
       });
            }
      });  
     });
</code></pre>

<p>Everything is working fine the database is getting updated and in success <code>#response</code> is getting loaded with success message but the table is not refreshing.</p>
