jquery hide () no funciona en chrome

Utilizo el cuadro de diálogo emergente jquery, y en este cuadro de diálogo He introducido y seleccionado, quiero ocultar algunas opciones en el cuadro de selección, se trabajó en ff, pero no en chrome.

<input type="text" onkeyup="search(this.value)" >

<select id="cl_sel_l"  multiple="multiple">
   <option value='2' id='c_2'>aa</option>
   <option value='3' id='c_3'>bb</option>
   <option value='4' id='c_4'>cc</option>
   <option value='5' id='c_5'>dd</option>
</select>
var clients = new Array();
clients[2] ='aa';
clients[3] ='bb';
clients[4] ='cc';
clients[5] ='dd';

function search(val) {
    for ( var i in clients) {
        if (clients[i].toLowerCase().search(val.toLowerCase()) == -1) {
            $("#cl_sel_l").find("#c_" + i).hide();
        } else {
            $("#cl_sel_l").find("#c_" + i).show();
        }
    }
}

Respuestas a la pregunta(2)

Su respuesta a la pregunta