Can you have multiple $(document).ready(function(){ … }); sections?

Question

If I have a lot of functions on startup do they all have to be under one single:

$(document).ready(function() {

or can I have multiple such

Answer 1

It's legal, but sometimes it cause undesired behaviour. As an Example I used the MagicSuggest library and added two MagicSuggest inputs in a page of my project and used seperate document ready functions for each initializations of inputs. The very first Input initialization worked, but not the second one and also not giving any error, Second Input didn't show up. So, I always recommend to use one Document Ready Function.