title: how can we use js to get hidden value in loop table?
body: <p>I have the list and loop it in table, and I have table like this:</p>
  
  <pre><code>&lt;table class="table table-striped"&gt;
   &lt;tr&gt;
     &lt;td&gt;Hidenfield&lt;/td&gt;
     &lt;td&gt;Dropdownlist&lt;/td&gt;
   &lt;/tr&gt;
  //loop here and have result
    &lt;tr&gt;
      &lt;td&gt;&lt;input type='hiden' value='1' class='myclass'/&gt;&lt;/td&gt;
      &lt;td&gt;
         &lt;select id="cateActive" class="activeStatus" name="cateActive"&gt;
          &lt;option selected="selected" value="1"&gt;Active&lt;/option&gt;
          &lt;option value="0"&gt;Deactive&lt;/option&gt;
         &lt;/select&gt;
       &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;input type='hiden' value='2' class='myclass'/&gt;&lt;/td&gt;
      &lt;td&gt;
         &lt;select id="cateActive" class="activeStatus" name="cateActive"&gt;
          &lt;option selected="selected" value="1"&gt;Active&lt;/option&gt;
          &lt;option value="0"&gt;Deactive&lt;/option&gt;
         &lt;/select&gt;
       &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;input type='hiden' value='3' class='myclass'/&gt;&lt;/td&gt;
      &lt;td&gt;
         &lt;select id="cateActive" class="activeStatus" name="cateActive"&gt;
          &lt;option selected="selected" value="1"&gt;Active&lt;/option&gt;
          &lt;option value="0"&gt;Deactive&lt;/option&gt;
         &lt;/select&gt;
       &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and I have a jquery function like this:</p>
  
  <pre><code>$(document).ready(function(){       
      $(".activeStatus").change(function(){
  
           var categoryId = $('.myclass').val();
           alert(categoryId);
  
   });
  });
  </code></pre>
  
  <p>when I click in any dropdownlist it has show the value is 1, how can I action on any dropdownbox to get hidden value in row?</p>