title: Jquery Determine if there are changes in the value of select box
body: <p>How can i determine the value is changed in the select box without clicking the select box itself.</p>
  
  <p>My code is as follows:</p>
  
  <p>JQUERY</p>
  
  <pre><code>            $("select").each(function() {
                  $(this).change(function() {
                      if ($(this).val() === "-Select-"){
                          this.parent().addClass("highlightSelect");
                          this.parent().sibling().show();
                      }   else{
                          this.parent().removeClass("highlightSelect");
                          this.parent().sibling().hide();
                      }
                  });
              });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="wwctrl_add_savedAddressId" class="wwctrl styled-select"&gt;
  &lt;select id="add_savedAddressId" class="storedPaymentInput_size4 required savedAddress checkDropdown valid" onchange="changeSavedAddressType();generateSavedAddressAdd();" name="summaryData.usedAddress"&gt;
  &lt;option value="-Select-"&gt;-Select-&lt;/option&gt;
  &lt;option value="O"&gt;Enter New Address&lt;/option&gt;
  &lt;option value="3041"&gt;Home - 116 Parrot...&lt;/option&gt;
  &lt;option value="22268"&gt;Other - rwara, aw...&lt;/option&gt;
  &lt;option value="21372"&gt;Other - 1040..&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  &lt;div class="error" for="add_savedAddressId" generated="true" style="display: none;"&gt; Select item&lt;/div&gt;
  </code></pre>
  
  <p>Note: I have other buttons which affects the change of the value of the above select box</p>