title: multiselect.js refresh after change
body: <p>Just trying to use <a href="http://loudev.com/" rel="nofollow noreferrer">multiselect.js</a> for multiple type select input's</p>
  
  <p>Here is what <code>select</code> looks like</p>
  
  <pre><code>&lt;select multiple="multiple" id="my-select" name="my-select[]"&gt;
      &lt;option value='elem_1'&gt;elem 1&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Using multiselect like this -</p>
  
  <pre><code>var s = $('#my-select');
  s.multiSelect({
      selectableHeader: "&lt;div class='custom-header'&gt;Options&lt;/div&gt;",
      selectionHeader: "&lt;div class='custom-header'&gt;Selected&lt;/div&gt;"
  });
  </code></pre>
  
  <p>Here is what it looks like  <code>--&gt;</code> <a href="http://jsfiddle.net/6k8gW/5/" rel="nofollow noreferrer">http://jsfiddle.net/6k8gW/5/</a></p>
  
  <p><img src="https://i.stack.imgur.com/F52K2.jpg" alt="enter image description here"></p>
  
  <p>This work's fine until i try to add new option</p>
  
  <pre><code>s.append($('&lt;option /&gt;').text("new").val("value"));
  s.multiSelect('refresh');
  </code></pre>
  
  <p>And the output is like this <code>--&gt;</code> <a href="http://jsfiddle.net/6k8gW/6/" rel="nofollow noreferrer">http://jsfiddle.net/6k8gW/6/</a></p>
  
  <p><img src="https://i.stack.imgur.com/gzQqC.jpg" alt="enter image description here"></p>
  
  <p>Why <code>refresh</code> is not working properly ?</p>