Trigger a custom query

<div id="placeHolder"></div>

<div id="triggers">
	<span id="thriller">Thrillers</span>
	<span id="comedy">Comedies</span>
	<span id="thrillerComedy">Thrillers and Comedies</span>
	<span id="thrillerComedyTomHanks">Thrillers and Comedies with Tom Hanks</span>

<ul id="container">
	<li data-genre="Drama, Sci-Fi, Thriller" data-main-actors="Harrison Ford, Rutger Hauer, Sean Young, Edward James Olmos" data-director="Ridley Scott"> ... Blade Runner ... </li>
	<li data-genre="Action, Crime, Drama, Thriller" data-main-actors="Christian Bale, Michael Caine, Ken Watanabe, Liam Neeson" data-director="Christopher Nolan"> ... Batman Begins ... </li>
	<li data-genre="Drama" data-main-actors="Mark Wahlberg, Julianne Moore, Burt Reynolds, Luis Guzmán" data-director="Paul Thomas Anderson"> ... Boogie Nights ... </li>
	<li data-genre="Action, Adventure" data-main-actors="Harrison Ford, Sean Connery, Alison Doody, Denholm Elliott" data-director="Steven Spielberg"> ... Indiana Jones and the Last Crusade ... </li>
	<li data-genre="Crime, Mystery, Thriller" data-main-actors="Harvey Keitel, Tim Roth, Michael Madsen, Chris Penn" data-director="Quentin Tarantino"> ... Reservoir Dogs ... </li>
$(function() {

	var ft = $.filtrify("container", "placeHolder");

	$("span#thriller").click(function() {
		ft.trigger({ genre : ["Thriller"] });

	$("span#comedy").click(function() {
		ft.trigger({ genre : ["Comedy"] });

	$("span#thrillerComedy").click(function() {
		ft.trigger({ genre : ["Thriller", "Comedy"] });

	/* Use JSON when you have categories with two or more words */
	$("span#thrillerComedyTomHanks").click(function() {
			"genre" : ["Thriller", "Comedy"],
			"main actors" : ["Tom Hanks"]  

	$("div#triggers > span").click(function() {

.selected { 
    color: #2D3743;
    text-shadow: rgba(0, 0, 0, 0.7) 0 -1px;
	cursor: default !important;
Trigger: Thrillers Comedies Thrillers and Comedies Thrillers and Comedies with Tom Hanks