Fade in page content on load of page using jQuery

Question:

How to fade-in page content on page load

<?php
drupal_add_js(
'$(document).ready(function(){
// Hide all paragraphs
$("p").hide();
// Fade them into visibility
$("p").fadeIn("slow");
});',
'inline'
);
?>

Taxonomy:

drupal

jquery