jQuery выбор и фильтрация элементов внутри div

У меня проблема с выбором и фильтрацией элементов внутри div.

HTML:

<div id="wrapper">
    <input type="text" value="you can edit me">
    <input type="button" value="click me">
</div>

JQuery:

$("#wrapper").children().click(function() {
    alert("hi there");
});

Проблема в том, что меня предупреждают каждый раз, когда я щелкаю что-нибудь внутри div.
Но мое требование заключается в предупреждении только тогда, когда пользователь нажимает на кнопку.
Я знаю, что фильтрация элементов в jQuery использует:button

Вот что я попробовал:

$("#wrapper").children(":button").click(function() {
    alert("hi there");
});

а также

$("#wrapper").children().filter(":button").click(function() {
    alert("hi there");
});

Это не сработало

Кто-нибудь знает, как это сделать?

Ответы на вопрос(4)

Ваш ответ на вопрос