title: howto get AJAX selected option displayed in select box
body: <p>I am populating a select box from jquery $.post();</p>
  
  <p>The option values returned from the post have one option with " selected='selected' " but rather than setting the control to this option the last option in the string is selected and displayed.</p>
  
  <p>The last option has it's selected property set to true but firebug shows the selected text against the correct option.</p>
  
  <p>Any solutions.</p>
  
  <p>EDIT</p>
  
  <pre><code>MARKUP :=
  &lt;select id='mailing_countries' &gt;&lt;/select&gt;&lt;br&gt;
  
  POST RETVAL :=
  &lt;option id='mailing_zone_50' value='19.95' selected="selected" &gt;Saturday Delivery (£19.95)&lt;/option&gt;
  &lt;option id='mailing_zone_11' value='7.95' &gt;Next Working Day (£7.95)&lt;/option&gt;
  &lt;option id='mailing_zone_6' value='4.95' &gt;2-4 Working Days (£4.95)&lt;/option&gt;
  
  JS CODE :=
  $('#mailing_countries').html(retval);
  </code></pre>