PHP/jQuery: Fadein/refresh after insert
<p>i have a "wall" on each profile, and i wish to make it smarter, so you don't need to update the page to view your inserted message you just put up.</p>

<p>When you insert a message, it makes a ajax call and inserts to the database, and you receive a message about it has been inserted. But right now you need to refresh the page to see your inserted message. What i want to do is if you insert a new message, it should fadein /refresh the wall with messages that is right under the form. 
How can I do this?</p>

<p>I have worked on it alittle and tried to make a new file, inserted all coding to show comments and then i set timeout to refresh each 2 seconds</p>

<pre><code> function ajax_update() {
    var wrapperId = '#box';
    var profileID = document.getElementById('profileID');
    var postFile = 'showcomments.php?id='+ profileID.value;

    _v++;
    _v2++;

    $.post(postFile, { v2: _v2 , v: _v},
      function(data){
        $(wrapperId).html(data);
      });
    setTimeout('ajax_update()', 2000);
  }   
</code></pre>

<p>but this isnt good, as it makes too many server calls, so hope you can help me out, since i dont know how i should do this in a cool way</p>

<p>Form with ajax call:
<a href="http://phpbin.net/x/838833504" rel="nofollow">http://phpbin.net/x/838833504</a></p>

<p>And my current php code that grab from db and list in messages:
<a href="http://phpbin.net/x/2145692361" rel="nofollow">http://phpbin.net/x/2145692361</a></p>
