title: JQuery: How to find dropdown in same table row when another dropdown value will be changed in that row
body: <p>i am working with cascade dropdown and i know how to populate 2nd dropdown on the change of 1st dropdown in a page.</p>
  
  <p>here is a sample code to handle cascade dropdown by jquery in a page.</p>
  
  <pre><code>$(document).ready(function () {   
          //Dropdownlist Selectedchange event     
          $("#SelectedStateID").change(function () {   
              $("#SelectedCountryID").empty();   
              $.ajax({   
                  type: 'POST',   
                 url: '@Url.Action("GetCountrys")', // we are calling json method     
                  dataType: 'json',   
                  data: { id: $("#SelectedStateID").val() },   
                  success: function (states) {   
                      // states contains the JSON formatted list     
                      // of Countrys passed from the controller     
  
                     $("#SelectedCountryID").append('&lt;option value="' + "0" + '"&gt;' + "Select Country" + '&lt;/option&gt;');   
                      debugger;   
                      $.each(states, function (i, state) {   
                          $("#SelectedCountryID").append('&lt;option value="' + state.Value + '"&gt;' + state.Text + '&lt;/option&gt;');   
                         // here we are adding option for Countrys     
                      });   
                  },   
                  error: function (ex) {   
                      alert('Failed to retrieve Country.' + ex);   
                  }   
              });   
              return false;   
         })   
      });     
  </code></pre>
  
  <p>but my problem is suppose when there is two dropdown in two column of html table of every row then when user select one dropdown then how to find 2nd dropdown in another column of same row to populate it. please help me with code sample if possible. thanks</p>