Add preloader to this JQuery.post() script
<p>I am using following code to get relevant search result :</p>

<pre><code>&lt;form&gt;
&lt;input id="message" type="text" name="search" value=""/&gt;  
&lt;/form&gt;

&lt;div id="searchresults" class="contentbox"&gt;&lt;/div&gt; 
&lt;div id="noresult" class="contentbox" style="display:none"&gt;no results found.&lt;/div&gt;


function getticketsuggestions() { 
    currentcheckcontent = $("#message").val();
    if (currentcheckcontent) {
        $.post("submitticket.php", { action: "getkbarticles", text: currentcheckcontent },
        function(data){                                      
            if (data) {               
                $("#searchresults").html(data);                
                $('#noresult').hide();
                $("#searchresults").fadeIn('slow');
            }
            else {
            $('#noresult').fadeIn(3000); 
            $("#searchresults").hide();
            }
        });
        lastcheckcontent = currentcheckcontent;
    } 
        setTimeout('getticketsuggestions();', 3000);                
}
getticketsuggestions();
</code></pre>

<p>This code works perfect. I get all search result inside <code>&lt;div id="searchresults"&gt;</code></p>

<p>I want to add <strong>Preloader "loading..."</strong> while fetching result from submitticket.php</p>

<p>How can I achieve this ?</p>

<p><strong>Thanks</strong></p>
