Multiselect.js update after change

Question

Just try using multiselect.js to input multiple input types

Here is what select looks like

 <select multiple="multiple" id="my-select" name="my-select[]"> <option value='elem_1'>elem 1</option> </select> 

Using multiselect like this -

 var s = $('#my-select'); s.multiSelect({ selectableHeader: "<div class='custom-header'>Options</div>", selectionHeader: "<div class='custom-header'>Selected</div>" }); 

Here's what it looks like --> http://jsfiddle.net/6k8gW/5/

This work is fine until I try to add a new option.

 s.append($('<option />').text("new").val("value")); s.multiSelect('refresh'); 

And the result looks like this: --> http://jsfiddle.net/6k8gW/6/

Why is refresh not working correctly?

Answer 1

This is really a mistake. Today I sent a patch that should fix this.

For your interest, if you have any problems with my plugin, you can add the problem at https://github.com/lou/multi-select/issues

thank