title: How to clear the dropdownitems with jquery
body: <p>Am working on asp.net mvc 3 razor engine, I have 2 dropdowns in a page when an item is selected in dropdown1 items loaded into dropdown 2, and there is clear button to clear all the values.Here the selected items are cleared but items loaded into dropdown 2 are not, how to clear all the loaded items in dropdown 2 ? below is the rendered html for dropdown2</p>
  
  <pre><code>&lt;td&gt;                       
  Work description                     
  &lt;/td&gt;
  &lt;div class="t-widget t-dropdown t-header" style="width: 220px; "&gt;
  &lt;div class="t-dropdown-wrap t-state-default"&gt;&lt;span class="t-input"&gt;&amp;nbsp;&lt;/span&gt;
  &lt;span class="t-select"&gt;&lt;span class="t-icon t-arrow-down"&gt;select&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;input id="WorkDescriptionId" name="ViewModel.WorkDescriptionId" style="display:none" type="text" value="" /&gt;&lt;/div&gt;
  </code></pre>