Jquery and Radio button event after section get visible
<p>This is my first time to post my query on stackoverflow. I have created one form and in the form have a drop down of few cities. On drop down change related group of radio button get displayed. Every radio button has same name as "preferred_location".</p>

<p>On any selection of radio button i want to mark one checkbox as CHECKED. I have tried lots of option available on net and they sound simple and work in demo but not in my code. To review i have posted my code sample here below:</p>

<p>Jquery script</p>

<pre><code>$(document).ready(function(){
        $("#address input[name*='redio']").click(function() {
            $('#note').removeClass("inactive").addClass("active");
        });  
    });
</code></pre>

<p>To display radio button group on change of dropdown i am using below code</p>

<pre><code>if(valuecheckdrop == "Coimbatore"){ 
   $("#address").html("&lt;h2&gt;Select date of info session:&lt;/h2&gt;",
       "&lt;p&gt;",
       "&lt;input type='radio' name='preferred_location' value='Radio1' class='redio' /&gt; Radio1",
       "&lt;/p&gt;",
       "&lt;p class='sub'&gt;address&lt;/p&gt;",
       "&lt;p class='option'&gt;",
           "&lt;input type='radio' name='preferred_location' value='Radio2'  class='redio' /&gt;Radio2",
       "&lt;/p&gt;",
       "&lt;p class='sub'&gt;Address2&lt;/p&gt;");
}
</code></pre>

<p>On drop down change group of radio button get displayed but nothing is happen on click of radio button. </p>

<p>Is it because i am calling radio button on change event of drop down? Any help will be appreciated.</p>
