JQuery select all in multiple select - выбрать все значения в "списке" -- пример кода

Как выбрать все опции многозначного Select-а:

HTML формы:

<select name="countries" id="countries" MULTIPLE size="8">
   <option value="UK">UK</option>
   <option value="US">US</option>
   <option value="Canada">Canada</option>
   <option value="France">France</option>
   <option value="India">India</option>
   <option value="China">China</option>

<input type="button" id="select_all" name="select_all" value="Select All">
</select>

где элемент, при клике на который, будут выбираться все значения это:

<input type="button" id="select_all" name="select_all" value="Select All">

JS:

    $('#select_all').click(function() {
        $('#countries option').prop('selected', true);
    });

Смотреть пример в действии: http://jsfiddle.net/3nUPF/177/