how to view next element when check box is checked
<p>I have CheckBox and textbox I am trying to remove the CssClass hidden  after user check the box I tried using next but it didn't work can someone help me </p>

<p>HTML </p>

<pre><code>    &lt;ul id="sortable"&gt;
&lt;asp:Repeater runat="server" ID="rep_sortable"&gt;
    &lt;ItemTemplate&gt;

   &lt;li class="ui-state-default"&gt;
       &lt;span class="ui-icon ui-icon-arrowthick-2-n-s"&gt;&lt;/span&gt;&lt;%# DataBinder.Eval(Container.DataItem, "Body") %&gt;  
       &lt;asp:CheckBox ID="chb_com"  runat="server" AutoPostBack="false" Checked='&lt;%# DataBinder.Eval(Container.DataItem, "Completed")  %&gt;' oncheckedchanged="CheckBox1_CheckedChanged"/&gt;
       &lt;asp:HiddenField ID="hf_reminderID" runat="server" Value='&lt;%# DataBinder.Eval(Container.DataItem, "ReminderID")  %&gt;'/&gt;
       &lt;asp:TextBox runat="server" ID="txtb_whyclosed" CssClass="hidden"&gt;&lt;/asp:TextBox&gt;
   &lt;/li&gt;
    &lt;/ItemTemplate&gt;
&lt;/asp:Repeater&gt;
&lt;/ul&gt;
</code></pre>

<p>Jquery </p>

<pre><code>$("input[type=checkbox]").on("click", function () {
    console.log("vbvsdvs");
    $("input[type=checkbox]").next("input:text").removeClass("hidden");
</code></pre>
