diferencia entre $(function () { y $(document).ready(function() {

[Trublux]

A ver, el código de jQuery también funciona fuera de lo que has puesto, lo que pasa es que si lo pones fuera no te aseguras de que el DOM haya cargado y (si no se ha cargado) no puedes trabajar con él.
Con el js "nativo" pasa lo mismo, si no te aseguras de que con lo que vayas a trabajar se ha cargado pues no funcionará.
Para asegurarte puedes usar "window.onload" ó "document.ready", por ejemplo.