Как отобразить только те формы с соответствующим значением поля ввода имени

Question

У меня есть страница с множеством форм.

Each form has a unique id.
Each form has a user name field.

Пример:

<form id="new_celebration692130342" accept-charset="UTF-8" action="/celebrations" method="post">
<input id="friend" type="hidden" name="celebration[friend_name]" value="Anthony Rosenfeld">
<input id="friend" type="hidden" name="celebration[friend_fbuid]" value="69213034***2">
<input id="friend" type="hidden" name="celebration[friend_birthday]" value="12/09">
<input id="friend" type="hidden" name="celebration[friend_pic]" value="http://graph.facebook.com/69213034***2/picture">
<li>Anthony Rosenfeld</li>
<li>12/09</li>
<input class="button-mini-subtle submit" type="submit" alt="select" value="select">
</form>

Я хочу дать пользователю возможность ввести имя или начать печатать наокно поиска и javascript / jquery запустятся и покажут только формы с совпадающим полем имени.

Я крупный NOOB с этим типом действия и был бы рад, если бы меня указали в правильном направлении.

Answer 1

$(function () {

  $("#searchBox").keypress(function () {

    console.log($('input[name~="' + $(this).val() + '"]').parent('form'));

  });

});

Это приведет к регистрации в консоли всех элементов формы, у которых есть дочерний элемент ввода с именем, соответствующим значению searchBox.