title: onchange not working with select dropdown in bootstrap
body: <pre><code>&lt;div class="col-lg-6 col-md-6 col-sm-12 m0 col-xs-12"&gt;
                  &lt;div class="select-box"&gt;
                              &lt;select class="select-menu" name="adults" onChange="getprice(this.value);"&gt;
                                  &lt;option value="default"&gt;Adults &lt;/option&gt;  
                                  &lt;option value="1"&gt;1&lt;/option&gt;    
                                  &lt;option value="2"&gt;2&lt;/option&gt;    
  
                              &lt;/select&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>The above is the html code of select dropdown. the onchange of that drodown calls a javascript function. but it does not calls the getprice function.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function getprice(val)
      {
  alert("here");
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>The bootstrap automatically changes that dropdown into</p>
  
  <pre><code>    &lt;div class="col-lg-6 col-md-6 col-sm-12 m0 col-xs-12"&gt;
  
                     &lt;div class="select-box"&gt;
                                  &lt;select class="select-menu" name="adults" id="adults" onchange="getprice(this.value);" style="display: none;"&gt;
                                      &lt;option value="default"&gt;Adults&lt;/option&gt;  
                                      &lt;option value="1"&gt;1&lt;/option&gt;    
                                      &lt;option value="2"&gt;2&lt;/option&gt;&lt;/select&gt;
  &lt;span class="ui-selectmenu-button ui-widget ui-state-default ui-corner-all" tabindex="0" id="adults-button" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-owns="adults-menu" aria-haspopup="true" style="width: 71px;" aria-activedescendant="ui-id-4" aria-labelledby="ui-id-4" aria-disabled="false"&gt;&lt;span class="ui-icon ui-icon-triangle-1-s"&gt;&lt;/span&gt;&lt;span class="ui-selectmenu-text"&gt;Adults&lt;/span&gt;&lt;/span&gt;
                          &lt;/div&gt;
  
                        &lt;/div&gt;
  </code></pre>