radio button click event not firing
<p>There are some radio buttons inside my <code>asp.net</code> wizard control. </p>

<p>For better understanding Markup:</p>

<pre><code>&lt;asp:Wizard ID="WizardCreateDL" runat="server" ActiveStepIndex="0" BackColor="#F7F6F3"
        BorderColor="#CCCCCC" BorderWidth="1px" Font-Names="Calibri" Font-Size="0.8em"
        Height="337px" Width="800px" OnNextButtonClick="WizardCreateDL_NextButtonClick"
        OnCancelButtonClick="WizardCreateDL_CancelButtonClick" OnPreviousButtonClick="WizardCreateDL_PreviousButtonClick"
        DisplaySideBar="False" BorderStyle="Solid" OnFinishButtonClick="WizardCreateDL_FinishButtonClick"&gt;
        &lt;StepStyle BorderWidth="0px" /&gt;
        &lt;WizardSteps&gt;
            &lt;asp:WizardStep ID="stepCreateFolder" runat="server" Title="FolderOptions" &gt;
                &lt;div id="dvFolderOptions" runat="server" style="text-align: left; width: 45%; margin: auto; font-size:medium"&gt;
                    &lt;ul style="list-style: none;"&gt;
                        &lt;li&gt;
                            &lt;input type="radio" id="rdbCalendar" value="0" name="Cal" onclick="appendChild(this);" /&gt;&lt;label for="rdbCalendr"&gt;Calendar&lt;/label&gt;&lt;/li&gt;&lt;br /&gt;
                        &lt;li&gt;
                            &lt;input type="radio" id="rdbTasks" value="0" name="Cal" onclick="appendChild(this);"  /&gt;&lt;label for="rdbTasks"&gt;Tasks&lt;/label&gt;&lt;/li&gt;&lt;br /&gt;
                        &lt;li&gt;
                            &lt;input type="radio" id="rdbContacts" value="0" name="Cal" onclick="appendChild(this);"  /&gt;&lt;label for="rdbContacts"&gt;Contacts&lt;/label&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/asp:WizardStep&gt;
        &lt;/WizardSteps&gt;
        &lt;StartNavigationTemplate&gt;
            &lt;asp:Button ID="StepNextButton" runat="server" CausesValidation="False" CommandName="MoveNext"
                Font-Names="Calibri" Font-Size="1.3em" Text="Next" Visible="false" /&gt;
            &lt;asp:Button ID="btnFinish" runat="server" Font-Names="Calibri" Font-Size="1.3em"
                Text="Finish" Visible="false" CausesValidation="False" OnClick="btnFinish_Click" /&gt;
        &lt;/StartNavigationTemplate&gt;
    &lt;/asp:Wizard&gt;
</code></pre>

<p>The js event:</p>

<pre><code>function appendChild(crnt) {
            alert('hi');
            var parentLi = $(crnt).parents('li:first');
            if (parentLi.find('ul:first').length == 0) {
                var Container = $('&lt;ul&gt;&lt;/ul&gt;').append('&lt;li&gt;&lt;input type="radio" id="rdbEditor" value="0" onclick="secondLevelChild();" /&gt;&lt;label for="rdbEditor"&gt;Editor&lt;/label&gt;&lt;/li&gt;&lt;li&gt;&lt;input type="radio" id="rdbReviewer" value="0" onclick="secondLevelChild();"  /&gt;&lt;label for="rdbReviewer"&gt;Reviewer&lt;/label&gt;&lt;/li&gt;')
                parentLi.html(Container);
            }
        }
</code></pre>

<p>i have been struggling to fire this event , tried also possible ways to do this like :</p>

<pre><code>$(function () {
  $('#ContentPlaceHolder1_WizardCreateDL_dvFolderOptions').find('li').each(function   () {
        $(this).find('input:radio').click(function () {
            appendChild(this);
            alert('1+2+3');
        });
    });

});
</code></pre>

<p>but it is just not ready to fire, any help??</p>
