title: I have two forms in a page. How to set the jQuery script not to affect both forms buttons?
body: <p>In my page I have 2 forms. he jQuery scripts disables both buttons of the forms, until one dropdown value is selected as you can see here <a href="http://jsfiddle.net/baW53/" rel="nofollow">http://jsfiddle.net/baW53/</a></p>
  
  <p>The problem is that I need to activate only the button where the dropdown value is changed/selected. For now if I choose a value on the first form, it activates the button of the second form also. But it has to activate only the same form's button.</p>
  
  <p>How to do this?</p>
  
  <pre><code>var jq = $.noConflict();
  
  jq(document).ready(function (){
      validate();
      jq('select').change(validate);
  });
  
  function validate(e){
  
      var validation = true;
      jq('select').each(function(){ 
  
          if(jq(this).val().length&gt;0)
          {
              validation = false;
          }
      });   
  
      if ( validation ) {
          jq('.submit').prop('disabled', true);
  
      } else {
  
          jq('.submit').prop('disabled', false);
      }
  }
  
  &lt;form name="forma" method="POST" action="used-results.php" id="apliforma"&gt;
  dropdown menus
  &lt;button type="submit" class="btn btn-primary submit" id='submit' &gt;submit&lt;/button&gt;
  &lt;/form&gt;
  
  &lt;form name="forma2" method="POST" action="used-results.php" id="sinthetiforma"&gt;
  dropdown menus
  &lt;button type="submit" class="btn btn-primary submit" id='submit2' &gt;submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>