how to make jquery only display in correct class div with ajax request?
<p>I have made this simple jquery script to check forms for me...</p>

<pre><code>$(document).ready(function() {
    $('.loading').hide();    
});

function check_username(){
    var username = $("#username").val();
    $('.loading').show();
    $.post("ajax.php", {
        username: $('#username').val(),
    }, function(response){
        $('.info').fadeOut();
        $('.loading').hide();
        setTimeout("finishAjax('info', '"+escape(response)+"')", 450);
    });
    return false;
}

function check_email(){
    var email = $("#email").val();
    $('.loading').show();
    $.post("ajax.php", {
        email: $('#email').val(),
    }, function(response){
        $('.info').fadeOut();
        $('.loading').hide();
        setTimeout("finishAjax('info', '"+escape(response)+"')", 450);
    });
    return false;
}

function finishAjax(id, response){
    $('.'+id).html(unescape(response));
    $('.'+id).fadeIn(1000);
} 
</code></pre>

<p>Only thing is when there is an error on the post username the error displays in all the error boxes and not the one assigned to username, anyway to stop this without assigning ids to all the divs for use of practicality.</p>
