show/hide loading message for html table
<p>How can I show a "loading" message when clicked/checked to expand table column(s), and hide the message as soon as its expended. <a href="http://jsfiddle.net/xamsw/" rel="nofollow">Here</a> is demo of what I've got so far. I can make the message appear, but can't hide it once the job is done. It seems useful when I'm trying to expand a large table, and I think it would be nice to let the user know that it's working. Any help/suggestion will be greatly appreciated.</p>

<pre><code>$(document).ready(function() {
    $("#load").hide();
    $("#check").live("click", function() {
        $("#load").show();
        if ($("#check").is(":checked")) {
            $(".hidden").show();
        } else {
            $(".hidden").hide();
        }
    });
    $("#load").hide();
});
</code></pre>
