Problem in using JQuery for body load event
<p>I am using jquery(newbie for jquery) in my application. In short what I am doing: I have a home page, where user enters his name and gets results on the same page. So I wrote two functions in home.php , one for body load event another for getting user's result. I have "get_home_info.php" which will load on body's load event and get_info.php on button click event which will overwrite "get_home_info.php" and give user search results(i.e get_info.php).
  These functions are as follows:</p>

<pre><code> $(document).ready(function(){        
            $('body').load($.get('/get_home_info.php', function(data){
            $('#get_data').html(data);
      })); 
    });
</code></pre>

<p>And another one for getting user result:</p>

<pre><code>$(document).ready(function(){
    $("#btn_submit").bind('click', function(){
        if($('#tnm').val() != '' &amp;&amp; $('#tnm').val() != 'Enter a twitter username to know its Honest Followers!'){

        $('#loadimg').html('&lt;img src="images/images/ajax-loader.gif"&gt;');
            $('#loadimg').show();       
            $.get('/get_info.php?tnm='+$('#tnm').val(), '', function(data){
                $('#get_data').html(data);
                 $('#loadimg').hide();  
            });
        }
    });
});
</code></pre>

<p>Note: There are div tags in below code properly in body.
  Now my problem is that, I am not able to execute these two functions simultaneously, i.e when I comment bodyload function, and enter user name  I get result, and uncommenting body and trying username simply shows search result.</p>

<p>My question are :</p>

<ol>
<li>can I write two function and execute these two functions at a time.</li>
<li>How can I give effects like on button's click event first page should disappear so that I can show loading image and after that result.</li>
</ol>

<p>Can somebody help here please?
thank you in advance.</p>
