div not showing up
<p>I have some problem with the following code:    </p>

<pre><code>&lt;input type="radio" name="subscription" id="subscription" value="yes" checked="checked"  /&gt;Yes
&lt;input type="radio" name="subscription" id="subscription" value="no" /&gt;No

&lt;div id="sub_yes" style="display:none;background-color:#fff;border:1px solid #ccc"&gt;
    [ some code here ]
&lt;/div&gt;
</code></pre>

<p>Now I have jQuery as </p>

<pre><code>if(jQuery('input[name|="subscription"]').val()=='yes') {
  jQuery('#sub_yes').fadeIn(0, function(){ 
                                 jQuery(this).slideDown('slow','swing');
                                }); 
}
</code></pre>

<p>When document get ready, jQuery checks value of "subscription" and if it's yes, then it should show div named "sub_yes", But this code is not working.</p>

<p>Please help</p>
