title: Assign different value to multiple select with same name with JQuery
body: <p>Here is my concern, what is the best way to change value to select form with same name. Here is the code, I can't change the html stucture:</p>
  
  <pre><code>&lt;div id="SelectTable"&gt;
      &lt;div class="SelectClass"&gt;
          &lt;label class="SelectLabel&gt;Title&lt;/label&gt;
          &lt;div class="SelectOption&gt;
              &lt;select name="cat[]"&gt;
                  &lt;option value="1"&gt;1&lt;/option&gt;
                  &lt;option value="2"&gt;2&lt;/option&gt;
                  &lt;option value="3"&gt;3&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="SelectClass"&gt;
          &lt;label class="SelectLabel&gt;Title&lt;/label&gt;
          &lt;div class="SelectOption&gt;
              &lt;select name="cat[]"&gt;
                  &lt;option value="1"&gt;1&lt;/option&gt;
                  &lt;option value="2"&gt;2&lt;/option&gt;
                  &lt;option value="3"&gt;3&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="SelectClass"&gt;
          &lt;label class="SelectLabel&gt;Title&lt;/label&gt;
          &lt;div class="SelectOption&gt;
              &lt;select name="cat[]"&gt;
                  &lt;option value="1"&gt;1&lt;/option&gt;
                  &lt;option value="2"&gt;2&lt;/option&gt;
                  &lt;option value="3"&gt;3&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What is the best way to select them to assign different value (.val()) to each of them?</p>
  
  <p>Thanks</p>