title: .val("value") not working as expected in jQuery 1.5
body: <p>I'm using jQuery 1.5.2 to manipulate 2 dropdown selects on a form.  I have a special requirement that if the 'Other' option is selected, both selects must be 'Other'.</p>
  
  <h1>Problem:</h1>
  
  <p>my code looks like this</p>
  
  <pre><code>$("#Select_One")
      .change(function() {
          if($(this).val() == "Other") {
              $("#Select_Two").val("Other");
          }
          else {
              if($("#Select_Two").val() == "Other") {
                  $("#Select_Two").val("");
              }
          }
      });
  
  $("#Select_Two")
      .change(function() {
          if($(this).val() == "Other") {
              $("#Select_One").val("Other");
          }
          else {
              if($("#Select_One").val() == "Other") {
                  $("#Select_One").val("");
              }
          }
      });
  </code></pre>
  
  <p>The problem is that, rather than enforcing the rule that both fields be 'Other', <code>$("#Select_Two").val("Other");</code> just adds or overwrites with the <code>value="Other"</code> property on each <code>&lt;option&gt;</code> under <code>#Select_Two</code>.  Same thing happens with <code>#Select_One</code>.</p>
  
  <p>My HTML is from a grails template</p>
  
  <pre><code>    &lt;g:select id="Select_One"
                name="Units_One"
                class="Required DropDown"
                from="${Unit_One.values()}"
                optionKey="value_"
                optionValue="${{it.value_}}"
                noSelection="${['': message(code: 'units.no.selection')]}"
       /&gt;
       &lt;g:select id="Select_Two"
                 name="Units_Two"
                 class="Required DropDown"
                 from="${Unit_Two.values()}"
                 optionKey="value_"
                 optionValue="${{it.value_}}"
                 noSelection="${['': message(code: 'units.no.selection')]}"
       /&gt;
  </code></pre>
  
  <p>What chrome debugger shows me after setting ether field to 'Other' is this...</p>
  
  <pre><code>&lt;select name="Units_Two" id='Select_Two" class="Required DropDown"&gt;
    &lt;option value="Other"&gt;Select Number&lt;/option&gt;
    &lt;option value="Other"&gt;Other&lt;/option&gt;
    &lt;option value="Other"&gt;1&lt;/option&gt;
    etc...
  </code></pre>
  
  <p>The else clause of these functions works just as intended.</p>
  
  <hr>
  
  <h1>Question:</h1>
  
  <p>How do I enforce that selecting 'Other' in one field automatically selects 'Other' in the corresponding field?</p>