loading画像が表示されない

    $(function() {
    
        $("#loading").css("display", "block");
    
        $.getJSON(url, function() {
    
        });
        
        $("#loading").css("display", "none");
    });

getJSONしている間loading画像を表示させようと上記のようにしたら、loading画像は表示されずdisplayはnoneのままだった。
displayをnoneにするのはgetJSONの中でないといけない。

    $(function() {
    
        $("#loading").css("display", "block");
    
        $.getJSON(url, function() {
        
        
            $("#loading").css("display", "none");
        });
    });