title: jquery dropdownlist value set to 0
body: <p>i have 1 controls as following</p>
  
  <pre><code>&lt;div&gt;
          Country&lt;br /&gt;
          @Html.DropDownListFor(model =&gt; model.CountryId, new SelectList(Model.CountriesList, "CountryId", "CountryName"), "Please select one", new { style = "width: 250px;" })
      &lt;/div&gt;
  </code></pre>
  
  <p>I am using jquery to empty this field</p>
  
  <pre><code>$('#CountryId').val('');
  $('#CountryId').val('0');
  $('#CountryId').text('');
  $("#CountryId option[value='0']").val('');
  $("input[name='CountryId']").val('');
  </code></pre>
  
  <p>I tried all the fabove things to empty the value of dropdownlist but none of them helped.</p>
  
  <p>Also important point.
  I am using Required Field Validator on country in my class.So that might be the issue.</p>
  
  <p>Please tell me how to set the value of dropdown to 0;</p>