title: How do I reset a jquery-chosen select option with jQuery?
body: <p>I have tried numerous things and nothing seems to be working.</p>
  
  <p>I am using jQuery and Chosen plugin.</p>
  
  <p>Methods I have tried:</p>
  
  <pre><code>var select = jQuery('#autoship_option');
  
  select.val(jQuery('options:first', select).val());
  
  jQuery('#autoship_option').val('');
  
  jQuery('#autoship_option').text('');
  
  jQuery('#autoship_option').empty('');
  
  jQuery("#autoship_option option[value='']").attr('selected', true);
  </code></pre>
  
  <p>It always shows the Active Autoship option once it has been selected.  I can't seem to get it to clear the selection.</p>
  
  <p>Here is the select box:</p>
  
  <pre><code>&lt;select id="autoship_option" data-placeholder="Choose Option..." 
  style="width: 175px;" class="chzn-select"&gt;
      &lt;option value=""&gt;&lt;/option&gt;
      &lt;option value="active"&gt;Active Autoship&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Anyone familiar with Chosen and being able to clear a select box with one option? (It will have more options in the future.</p>