Dynamic filtering

filter.js

(function ($)
{
	// custom css expression for a case-insensitive contains()
	jQuery.expr[':'].Contains = function(a,i,m)
	{
		return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase())>=0;
	};

	function listFilter(header, list)
	{
		header.change( function()
		{
			var filter = $(this).val();
			if(filter)
			{
				$(list).find("a.email:not(:Contains(" + filter + "))").parent().slideUp();
				$(list).find("a.email:Contains(" + filter + ")").parent().slideDown();
			}
			else
			{
				$(list).find("li").slideDown();
			}
			
			return false;
		})
		.keyup( function()
		{
			// fire the above change event after every letter
			$(this).change();
		});
	}

	//ondomready
	$(function()
	{
		listFilter($(".filter"), $(".main-content ul"));
	});
}(jQuery));