как добавить еще один селектор
 

Здравствуйте.
Подскажите как в код добавить еще один селектор чтобы все работало:help:
Смысл в том, чтобы при наведении курсора на #logo для #smile и #smile_1 применялся новый класс. Как в скрипт добавить #smile_1?
Скрипт:

$(function(){
    $("#logo").mouseover(function(){
        $(this).find("#smile").removeClass("smile_default").addClass("smile_hover");
    });
    $("#logo").mouseout(function(){
        $(this).find("#smile").removeClass("smile_hover").addClass("smile_default");
    });
    
});

Разметка:

<div class="header_bg">
    <a href="#">
        <div id="logo">
            <div id="smile"></div><div id="smile_1"></div>
        </div>
    </a>
</div>

foxfor,
через запятую или через add

$(this).find("#smile, #smile_1")

или

$("#smile, #smile_1", this)

или

$(this).find("#smile").add($("#smile_1",this))

или

$(">",this)

или

$(this).children()

или просто

$("#smile, #smile_1")

так как id недолжно повторятся на странице