How to create this search action
<p>I have a page with many forms of the following format:  </p>

<pre><code>&lt;form id="new_celebration100001237275604" accept-charset="UTF-8" action="/celebrations" method="post"&gt;
    &lt;input id="friend" type="hidden" name="celebrant_details" value="%7B%22name%22%3A%22Venessa%20Stackpole%22%2C%22provider_user_id%22%3A%22100001237275604%22%2C%22birthday%22%3A%2212/10%22%2C%22provider_name%22%3A%22Facebook%22%7D"&gt;
    &lt;input id="manager" type="hidden" name="manager_details" value="%7B%22name%22%3A%22Mitchell%20Gould%22%2C%22provider_user_id%22%3A%22751640040%22%2C%22birthday%22%3A%2210/07/1967%22%2C%22email%22%3A%22mitchellgould7@gmail.com%22%2C%22provider_name%22%3A%22Facebook%22%7D"&gt;
    &lt;li&gt;Venessa Stackpole&lt;/li&gt;
    &lt;li&gt;12/10&lt;/li&gt;
    &lt;li&gt;
    &lt;img src="http://graph.facebook.com/100001237244444/picture"&gt;
    &lt;/li&gt;
    &lt;input class="button-mini-subtle submit" type="submit" alt="select" value="select"&gt;
    &lt;/form&gt;
</code></pre>

<p>As the page may contain hundreds of these I want to give the user a search box.
When they start typing in the box I want to hide the forms and data for users that do not match those letters making it easier for them to find their friends.</p>

<p>I am a NOOB and would really appreciate some help to point me in the right direction on this.
Each form has a unique ID as shown. However I don't know how to select the forms based on the value of say the <code>&lt;li&gt;User Name&lt;/li&gt;</code></p>

<p>I would like to be able to do this with jquery if possible.</p>
