title: How to change selected text of DropDownList using Jquery?
body: <p>I have a dropdownlist having <strong>id="ddlTitle"</strong>.</p>
  
  <p>It contains three values as mentioned below<br/>
  <strong>Mr.<br/>
  Mrs.<br/>
  Miss</strong></p>
  
  <p>Current selected item is Mr.
  I want to change the selected text to some other text of dropdownlist when page refresh.</p>
  
  <p>I am using  <strong>$('#' + ddlTitle + ' :selected').text(Title)</strong>; where Title can be <strong>Mr.</strong> or <strong>Mrs.</strong> or <strong>Miss</strong></p>
  
  <p>There is one problem that if I use the above code, I am able to change the selected text but whatever was the selected text before, didn't appear in 
  dropdownlist.</p>
  
  <p>Example :
  If current selected text is Mr. then after using this code <strong>$('#' + ddlTitle + ' :selected').text('Miss');</strong> Current selected text will become <strong>Miss</strong>
  but values in dropdownlist becomes as below:</p>
  
  <p><strong>Miss<br/>
  Mrs.<br/>
  Miss</strong></p>
  
  <p>Where as previous values were </p>
  
  <p><strong>Mr.<br/>
  Mrs.<br/>
  Miss</strong> </p>