[SOLUCIONADO] Quitar código JS del HTML y agregarlo en un archivo

[falkdav]

Buenas camaradas, este es mi primer post en ForosDelWeb
Tengo un problema, y me gustaría que ustedes me orienten para resolverlo si no es mucha molestia...
En mi código fuente HTML tenía varios trozos de códigos css por aquí y por allá. Entonces decidí reunírlos todos en un archivo llamado principal.css y hacer lo siguiente en la sección head

Código HTML:

<link href="css/principal.css" rel="stylesheet" type="text/css" /> 

¡Esto ha funcionado de maravilla!
Mi idea era hacer lo mismo con el código javascript que está en mi HTML, pero no ha funcionado. Este es uno de ellos:

Código:

$("[data-slider]")
		.each(function () {
		var input = $(this);
		$("<span>")
			.addClass("output")
				.insertAfter($(this));
		})
		.bind("slider:ready slider:changed", function (event, data) {
		$(this)
			.nextAll(".output:first")
				.html(data.value);
		});

¿Existe alguna manera especial de hacer esto?
Mi objetivo es que la página tenga la menor cantidad de código, quiero dejarla bien indentada, documentada y limpia.
¡Saludos, estaré en aguardo de sus respuestas!

[ipraetoriux]

Código Javascript:

$("[data-slider]").each(function () {
    var input = $(this);
    $("<span>").addClass("output").insertAfter($(this));
}).bind("slider:ready slider:changed", function (event, data) {
    $(this).nextAll(".output:first").html(data.value)
});
 

[falkdav]

¿Qué? No he entendido el porqué de tu respuesta, has copiado mi código y ya... Solo lo pseudo-ordenaste un poco...
No importa, de todas maneras lo resolví haciendo en un archivo .js
$(document).ready(function() {
... código javascript ...
});
¡Saludos!

[ipraetoriux]

Iniciado por falkdav

... Solo lo pseudo-ordenaste un poco...

...vos vistes el espanto de código que has puesto en tu post?...y me decís que lo pseuodo-ordene?...seguí participando