Populate select list with jQuery

HTML

<div>
    Better:<br />
    <select id="betterSelect" multiple="multiple"></select>
</div>

CSS

div {
    float: left;
    margin: 20px;
}

JavaScript

var liste = [
    { id : 0, value: 'value 1'},
    { id : 1, value: 'value 2'},
    { id : 2, value: 'value 3'}
];

$(document).ready(function () {
    
    $.each(liste, function(index, element) {
        $('#betterSelect').append($("<option />").val(element.id).text(element.value));
    });
});