jQuery - How to reduce duplicated code for my situation
<p>Here is my code</p>

<pre><code>jQuery(document).ready(function() {

    if(jQuery('input[name="email_notification"]').is(":checked"))
        jQuery('#your_email').show();
    else
        jQuery('#your_email').hide();

    jQuery('input[name="email_notification"]').click(function(){
        if(jQuery(this).is(":checked"))
            jQuery('#your_email').show();
        else
            jQuery('#your_email').hide();
    });
});
</code></pre>

<p>I have a lot of code doing this tedious job. 
When page loaded, check if a element is checked and show/hide another element.
Then, bind a click event to do it again.</p>

<p>Is there way that can ease my coding life.....</p>

<p>Thanks in advance.</p>

<p>Not good at English and wish some editors can give this question a more clear title.</p>
