Снятие выделения с пункта <select multiple>

[fs444]

У меня есть <select multiple>. Нужно, чтобы при первом клике на любой его пункт в первый раз пункт выделялся, а при повторном клике выделение с пункта снималось.

Сейчас вижу два пути:
- попробовать с помощью js/jquery снять выделение при клике
- заменить jquery-плагином <select> на <div>

2й способ знаю, точно возможен. А как с первым? у кого есть опыт?

[ATL]

<select multiple="" id="select1">
    <option>111</option>
    <option>222</option>
    <option>333</option>
</select>

PHP код:

$('#select1 option').on('click', function() {
    if ($(this).hasClass('selected')) {
        $(this).attr('selected', false);
    } else {
        $(this).attr('selected', true);
    }
    $(this).toggleClass('selected');
})