title: Clear Select options when selecting one field while using multiple forms on same page
body: <p>I have a situation where the second select list option is generated from the first select list selected option. Like when we select Country corresponding states are generated in next select list. </p>
  
  <p>In my case I am having multiple forms on single page which are same. Can anyone let me know how to implement it on multiple forms.</p>
  
  <p>I tried the following code but it didn't work</p>
  
  <pre><code>        $(".country").change(function(){
         $.get("sample.php?val=" + $(this).val(),
          function(data){
              $(this).parent().next().children('.state').children('option').remove();
              $(this).parent().next().children('.state').append(data);
          });
  </code></pre>
  
  <p>Waiting for your support thanks in advance</p>