Organizzazione di $ (documento) .ready

Ho un codice che assomiglia a questo, eccetto piuttosto che a 2 sezioni, ce ne sono circa 20, e hanno un vero codice in loro:

/*------------
 * Contents:
 *  1. Load slider
 *  2. Check form
/*------------    

/*------------    
 * 1. Load slider
/*------------

var slider_id = 101;
var num_slides = 10;

$(document).ready(function(){
    // Initiate document ready slider
});

/*------------    
 * 2. Check form
/*------------

var fields = {"text","number","textarea"};

$(document).ready(function(){
    // Do some document ready form stuff
});

Sto cercando di mantenere tutto pulito perché ci sarà un passaggio di consegne ad un certo punto.

La mia domanda è: dovrei farlo come ho fatto, o qualcosa del genere:

/*------------
 * 1. Load slider
 * 2. Check form
/*------------    

/*------------    
 * 1. Load slider
/*------------

var slider_id = 101;
var num_slides = 10;

/*------------    
 * 2. Check form
/*------------

var fields = {"text","number","textarea"};

$(document).ready(function(){
    /*------------    
     * 1. Load slider
    /*------------

    // Initiate document ready slider

    /*------------    
     * 2. Check form
    /*------------

    // Do some document ready form stuff

});

Quindi, minimizzo le chiamate pronte per i documenti o raggruppo i contenuti associati insieme? Semplicemente autodidatta, quindi non ho idea di questo tipo di buone pratiche. Grazie