Catch hidden fields in form change event using jquery
<p>I have a form like below </p>

<pre><code>&lt;form:form id="depositDetailsFormTab" method="post" action="${depositDetailsFormContactMe}"  modelAttribute="DepositDetails"&gt;
&lt;div class="panel-body"&gt;
    &lt;div class="row"&gt;
    &lt;span class="pull-right manfields"&gt;&lt;span class="red-star"&gt;*&lt;/span&gt;Mandatory Fields&lt;/span&gt;
        &lt;div class="col-sm-4 col-md-4"&gt;
            &lt;label class="labelname"&gt;Amount In&lt;/label&gt; &lt;input
                class="form-control" id="amountin" type="text" name="amountIn"&gt;
        &lt;/div&gt;
    &lt;/div&gt;      
    &lt;div class="row"&gt;
        &lt;div class="col-sm-4 col-md-4"&gt;
            &lt;label class="labelname"&gt;Category&lt;/label&gt; 
            &lt;a class="btn btn-default btn-select custom-drop-down"&gt; 
                &lt;input type="hidden" class="btn-select-input" id="" name="category" value=""&gt; 
                &lt;span class="btn-select-value"&gt;Select an Item&lt;/span&gt; 
                &lt;span class="btn-select-arrow glyphicon glyphicon-chevron-down"&gt;&lt;/span&gt;
                    &lt;ul class="category" id="category" style="display: none;"&gt;
                        &lt;li&gt;DHFL Promoter&lt;/li&gt;
                        &lt;li&gt;Director&lt;/li&gt;
                        &lt;li&gt;Relative of Director&lt;/li&gt;
                        &lt;li&gt;Shareholder&lt;/li&gt;
                        &lt;li&gt;Public&lt;/li&gt;
                    &lt;/ul&gt;
            &lt;/a&gt;
        &lt;/div&gt;          
    &lt;/div&gt;
    &lt;div class="formbtn"&gt;       
        &lt;button class=" btn secondary-btn" type="button" id="btn_depositdetails_submit"&gt;Save &amp;amp; Continue&lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;/form:form&gt;
</code></pre>

<p>In this form I have a hidden field which catches the selected list item. Designers used ul li instead of select dropdown.</p>

<p>Here I am trying to catch the form change event using jquery like below</p>

<pre><code>$("#depositDetailsFormTab :input").change(function() {
   alert("changed");
});
</code></pre>

<p>It is firing when first input box changed but not alerting when I change the list item in dropdown. Actually I am updating the hidden field when list item changes.</p>

<p>So, how to include hidden fields in form change event?</p>

<p>Thanks in advance</p>