title: Not able to select option in dropdown using jquery
body: <p>I am adding adding options to the dropdown using jquery as below.</p>
  
  <pre><code>function GetAssociates(StoreNum,dropdownid) {
          $.ajax({
              type: "POST",
              url: "Appointment.aspx/BindAssociates",
              data: "{storeNumber:" + StoreNum + "}",
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              success: function(result){
                  var rs = result.d;
                  var select = $("#" + dropdownid);
                  //var select = document.getElementById(dropdownid);
  
                  for (var i = 0; i &lt; rs.length; i++) {
                      var opt = rs[i].trim();
                      select.append(new Option(opt,opt));
                  }
              },
              error: function(result){
                  alert("Failed to load dropdown" + result);
              }
          });
      }
  </code></pre>
  
  <p>This works perfectly and I can see the values in the dropwdown. Now I am trying to select particular value using jquery as below but it is not selecting the value.</p>
  
  <pre><code>$("#MST_CPH_AddAppointment_ddlAptAssociateName").val("MyValue");
  </code></pre>
  
  <p>If I add value at design time as below the above code of selecting MyValue works fine.</p>
  
  <pre><code>&lt;asp:DropDownList ID="ddlAptAssociateName" runat="server" CssClass="DropdownList"&gt;
              &lt;asp:ListItem&gt;SomeValue&lt;/asp:ListItem&gt;
              &lt;asp:ListItem&gt;MyValue&lt;/asp:ListItem&gt;
          &lt;/asp:DropDownList&gt;
  </code></pre>
  
  <p>Please help me doing this.</p>