Only perform jquery effects/operations on certain pages
<p>Up until now i've been dropping all my jquery code right inside the document.ready function. I'm thinking that for certain situations this isnt the best way to go. </p>

<p>for example: If i want an animation to perform when a certain page loads what is the best way to go about that.</p>

<pre><code>$(document).ready(function() {
    $("#element_1").fadeIn();
    $("#element_2").delay('100').fadeIn();
    $("#element_3").delay('200').fadeIn();
});
</code></pre>

<p>If this is right inside of document.ready then every time <strong>ANY</strong> page loads it's going to check each line and look for that element. What is the best way to tell jquery to only perform a chunk of code on a certain page to avoid this issue.</p>
