Question

I’ve got 2 multiple select – I can get it to move the option I click on in .select-cities, to .chosen-cities, however, it doesnt work the other way? Any ideas to why not?

//Move cities to div
$jq('.select-cities option').click(function () {
    return !$jq('.select-cities option:selected').remove().appendTo('.chosen-cities');
});

$jq('.chosen-cities option').click(function () {
    alert(this);
    $jq('.chosen-cities option:selected').remove().appendTo('.select-cities');
});

The HTML:

<select class="select-cities" name="city" multiple="multiple">
                <option>Frederiksberg</option>
                <option>Vanløse</option>
                <option>Glostrup</option>
                <option>Brøndby</option>
                <option>Roskilde</option>
                <option>Køge</option>
                <option>Gentofte</option>
                <option>Hillerød</option>
                <option>Tårnby</option>
                <option>Vallensbæk</option>
            </select>

<select class="chosen-cities" name="chosen-cities-name" multiple="multiple">

            </select>

Answer 1

$('.select-cities').click(function () {
    $('.select-cities option:selected').appendTo('.chosen-cities');
});

$('.chosen-cities').click(function () {
    $('.chosen-cities option:selected').appendTo('.select-cities');
});

jsFiddler sample