title: jQuery prepend option to select list
body: <p>My select list is for different restaurant types, so the user can select a food type and then click search and they will be returned with a list of their particular food type search.</p>
  
  <p>I have successfully prepended a option to my select drop down by using the following:</p>
  
  <pre><code>$("#edit-field-type-value").prepend("&lt;option value=''&gt;Type of Restaurant...&lt;/option&gt;").val('');
  </code></pre>
  
  <p>However, if the user selects say, "Chinese" food and hits apply, when the page is refreshed the option in the select list is still my newly prepended "Type of Restaurant...", what I want is for the select to keep their food type in the drop down as the selected option, in this case "Chinese".</p>
  
  <p>My html currently looks like this:</p>
  
  <pre><code>&lt;select id="edit-field-type-value" name="field_type_value" class="form-select"&gt;
    &lt;option value=""&gt;Type of Restaurant...&lt;/option&gt;
    &lt;option value="All"&gt;- Any -&lt;/option&gt;
    &lt;option value="Chinese" selected="selected"&gt;Chinese&lt;/option&gt;
    &lt;option value="Indian"&gt;Indian&lt;/option&gt;
    &lt;option value="Italian"&gt;Italian&lt;/option&gt;
    &lt;option value="Spanish"&gt;Spanish&lt;/option&gt;
    &lt;option value="English"&gt;English/Traditional&lt;/option&gt;
    &lt;option value="American"&gt;American&lt;/option&gt;
    &lt;option value="Turkish"&gt;Turkish&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Thanks!</p>