title: selecting incorrect value HTML <select>
body: <p>I have HTML:</p>
  
  <pre><code> &lt;select class="form" id="select" name="select"&gt;
              &lt;option&gt;number1&lt;/option&gt;
              &lt;option&gt;number2&lt;/option&gt;
      &lt;/select&gt;
  
   &lt;select name="organisation" class="form" id="cent" required&gt;
              &lt;option value="1"&gt;UK&lt;/option&gt;
              &lt;option value="2"&gt;SPAIN&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And another <code>&lt;select&gt;</code>:</p>
  
  <pre><code> &lt;select class="form" id="ssip" name="organisation"&gt;
      &lt;option value="47" &gt;US&lt;/option&gt;
     &lt;option value="48"&gt;UKRAINE&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><code>JQuery</code> to show on 1 - first select on 2 - second</p>
  
  <pre><code>$(document).ready(function() {
      $("#select").each(function () {
          if (this.value == "1") {
              $('#cent').show();
              $('#ssip').hide();
          }
          if (this.value == "2") {
              $('#cent').hide();
              $('#ssip').show();
          }
      });
  });
  </code></pre>
  
  <p>The problem is that when i choose option number1 appears first select with values 1 and 2 but when i select UK with value 1 and click submit it's sending value 47 , of second select's first option.. </p>