title: select a value from telerik ddl using jquery
body: <p>Is there a way to select a value from telerik ddl using jquery?</p>
  
  <p>Here is my Telerik DDL:</p>
  
  <pre><code>        &lt;%= Html.Telerik().DropDownList().Name("Quarter")
             .Items(items =&gt; {
              items.Add().Text("").Value("");
              items.Add().Text("Quarter1").Value("Quarter1");
              items.Add().Text("Quarter2").Value("Quarter2");
              items.Add().Text("Quarter3").Value("Quarter3");
              items.Add().Text("Quarter4").Value("Quarter4");
                  })%&gt;   
  </code></pre>
  
  <p>I am trying the following way, but its doesnt populate the list:</p>
  
  <pre><code>$("#Quarter").val("Quarter2");
  </code></pre>
  
  <p>Rendered HTML for Telerik DDL after selecting value:</p>
  
  <pre><code>&lt;div tabIndex="0" class="t-widget t-dropdown t-header" id="Quarter" style="width: 104px;" jQuery15103337264984743067="21" value="Quarter2"&gt;
    &lt;div class="t-dropdown-wrap t-state-default"&gt;
      &lt;span class="t-input"&gt;
        Text - Quarter 2
      &lt;span class="t-select"&gt;
        &lt;span class="t-icon t-arrow-down"&gt;
    &lt;input name="Quarter" id="Quarter" style="display: none;" type="text"/&gt;
  </code></pre>