title: Clear and refresh jQuery Chosen dropdown list
body: <p>I'm trying to clear jQuery Chosen dropdown list and refresh it.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;select data-placeholder="Select Picture..." class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2"&gt;
      &lt;option value="" selected="selected"&gt;&lt;/option&gt;
      &lt;option value="x"&gt;remove me&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>When I click "Refresh" button, it should turn into this:</p>
  
  <pre><code>&lt;select data-placeholder="Select Picture..." class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2"&gt;
      &lt;option value="1"&gt;test&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>What I have tried:</p>
  
  <pre><code>$("#refreshgallery").click(function(){
      $('#picturegallery').empty();
      var newOption = $('&lt;option value="1"&gt;test&lt;/option&gt;');
      $('#picturegallery').append(newOption);
  });
  </code></pre>
  
  <p>But I can't get it to update that dropdown list...
  Some help? :)</p>