jquery live filter with multiple options

+ADw-p+AD4-jquery filter has been trending always and deployed in all kinds of projects for fast filtering of preloaded results. I always find plugins useful but hesitate to use them because whenever a page load, the plugin also loads impacting the load time of a page.+ADw-/p+AD4 +ADw-div id+AD0AIg-toc+AF8-container+ACI class+AD0AIg-toc+AF8-light+AF8-blue no+AF8-bullets+ACIAPgA8-p class+AD0AIg-toc+AF8-title+ACIAPg-Contents+ADw-/p+AD4APA-ul class+AD0AIg-toc+AF8-list+ACIAPgA8-li+AD4APA-a href+AD0AIgAj-HTML+ACIAPgA8-span class+AD0AIg-toc+AF8-number toc+AF8-depth+AF8-1+ACIAPg-1+ADw-/span+AD4 HTML+ADw-/a+AD4APA-/li+AD4APA-li+AD4APA-a href+AD0AIgAj-Javascript+ACIAPgA8-span class+AD0AIg-toc+AF8-number toc+AF8-depth+AF8-1+ACIAPg-2+ADw-/span+AD4 Javascript+ADw-/a+AD4APA-/li+AD4APA-li+AD4APA-a href+AD0AIgAj-Step+AF8-1+AF8-of+AF8-Javascript+ACIAPgA8-span class+AD0AIg-toc+AF8-number toc+AF8-depth+AF8-1+ACIAPg-3+ADw-/span+AD4 Step 1 of Javascript+ADw-/a+AD4APA-/li+AD4APA-li+AD4APA-a href+AD0AIgAj-Step+AF8-2+AF8-of+AF8-Javascript+ACIAPgA8-span class+AD0AIg-toc+AF8-number toc+AF8-depth+AF8-1+ACIAPg-4+ADw-/span+AD4 Step 2 of Javascript+ADw-/a+AD4APA-/li+AD4APA-li+AD4APA-a href+AD0AIgAj-Putting+AF8-it+AF8-all+AF8-together+ACIAPgA8-span class+AD0AIg-toc+AF8-number toc+AF8-depth+AF8-1+ACIAPg-5+ADw-/span+AD4 Putting it all together+ADw-/a+AD4APA-/li+AD4APA-/ul+AD4APA-/div+AD4 +ADw-h3+AD4APA-span id+AD0AIg-HTML+ACIAPgA8-strong+AD4-HTML+ADw-/strong+AD4APA-/span+AD4APA-/h3+AD4 +ADw-p+AD4-Always keep in mind that, to keep the javascript code simple and lightweight always write a comprehensive HTML with classes and IDs. In the following HTML code you may see I would???ve enclosed all search results in a parent container and all inputs to an individual parent block with a class name. This help to write a neat and a simple javascript code see above live filter.+ADw-/p+AD4 +ADw-p+AD4-I will explain them in a step-by-step of jquery filter+ADw-/p+AD4 +ADw-p+AD4-First let us write the jquery filter section+ADw-/p+AD4APAAh--- Crayon Syntax Highlighter v+AF8-2.7.2+AF8-beta --+AD4 +ADw-div id+AD0AIg-crayon-5a13fab608a73837975724+ACI class+AD0AIg-crayon-syntax crayon-theme-coy crayon-font-monaco crayon-os-pc print-yes notranslate+ACI data-settings+AD0AIg minimize scroll-mouseover+ACI style+AD0AIg margin-top: 12px+ADs margin-bottom: 12px+ADs font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ +ADw-div class+AD0AIg-crayon-toolbar+ACI data-settings+AD0AIg mouseover overlay hide delay+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs-height: 21px +ACE-important+ADs line-height: 21px +ACE-important+ADsAIgA+ADw-span class+AD0AIg-crayon-title+ACIAPgA8-/span+AD4 +ADw-div class+AD0AIg-crayon-tools+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs-height: 21px +ACE-important+ADs line-height: 21px +ACE-important+ADsAIgA+ADw-div class+AD0AIg-crayon-button crayon-nums-button+ACI title+AD0AIg-Toggle Line Numbers+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-plain-button+ACI title+AD0AIg-Toggle Plain Code+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-wrap-button+ACI title+AD0AIg-Toggle Line Wrap+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-expand-button+ACI title+AD0AIg-Expand Code+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-copy-button+ACI title+AD0AIg-Copy+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-popup-button+ACI title+AD0AIg-Open Code In New Window+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-/div+AD4APA-/div+AD4 +ADw-div class+AD0AIg-crayon-info+ACI style+AD0AIg-min-height: 19.6px +ACE-important+ADs line-height: 19.6px +ACE-important+ADsAIgA+ADw-/div+AD4 +ADw-div class+AD0AIg-crayon-plain-wrap+ACIAPgA8-textarea wrap+AD0AIg-soft+ACI class+AD0AIg-crayon-plain print-no+ACI data-settings+AD0AIg-dblclick+ACI readonly style+AD0AIg--moz-tab-size:4+ADs -o-tab-size:4+ADs -webkit-tab-size:4+ADs tab-size:4+ADs font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ +ACY-lt+ADs-div id+AD0AIg-filters+ACIAJg-gt+ADs +ACY-lt+ADs-div class+AD0AIg-filterblock+ACIAJg-gt+ADs +ACY-lt+ADs-input id+AD0AIg-check1+ACI type+AD0AIg-checkbox+ACI name+AD0AIg-check+ACI value+AD0AIg-game+ACI class+AD0AIg-category+ACIAJg-gt+ADs +ACY-lt+ADs-label for+AD0AIg-check1+ACIAJg-gt+ADs-Games+ACY-lt+ADs-/label+ACY-gt+ADs +ACY-lt+ADs-/div+ACY-gt+ADs +ACY-lt+ADs-div class+AD0AIg-filterblock+ACIAJg-gt+ADs +ACY-lt+ADs-input id+AD0AIg-check2+ACI type+AD0AIg-checkbox+ACI name+AD0AIg-check+ACI value+AD0AIg-technology+ACI class+AD0AIg-category+ACIAJg-gt+ADs +ACY-lt+ADs-label for+AD0AIg-check2+ACIAJg-gt+ADs-Technology+ACY-lt+ADs-/label+ACY-gt+ADs +ACY-lt+ADs-/div+ACY-gt+ADs +ACY-lt+ADs-div class+AD0AIg-filterblock+ACIAJg-gt+ADs +ACY-lt+ADs-input id+AD0AIg-check3+ACI type+AD0AIg-checkbox+ACI name+AD0AIg-check+ACI value+AD0AIg-os+ACI class+AD0AIg-category+ACIAJg-gt+ADs +ACY-lt+ADs-label for+AD0AIg-check3+ACIAJg-gt+ADs-Operating System+ACY-lt+ADs-/label+ACY-gt+ADs +ACY-lt+ADs-/div+ACY-gt+ADs +ACY-lt+ADs-/div+ACY-gt+ADsAPA-/textarea+AD4APA-/div+AD4 +ADw-div class+AD0AIg-crayon-main+ACI style+AD0AIgAiAD4 +ADw-table class+AD0AIg-crayon-table+ACIAPg +ADw-tr class+AD0AIg-crayon-row+ACIAPg +ADw-td class+AD0AIg-crayon-nums +ACI data-settings+AD0AIg-show+ACIAPg +ADw-div class+AD0AIg-crayon-nums-content+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ADw-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-1+ACIAPg-1+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-2+ACIAPg-2+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-3+ACIAPg-3+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-4+ACIAPg-4+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-5+ACIAPg-5+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-6+ACIAPg-6+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-7+ACIAPg-7+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-8+ACIAPg-8+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-9+ACIAPg-9+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-10+ACIAPg-10+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-11+ACIAPg-11+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-12+ACIAPg-12+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-13+ACIAPg-13+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-14+ACIAPg-14+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-15+ACIAPg-15+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a73837975724-16+ACIAPg-16+ADw-/div+AD4APA-/div+AD4 +ADw-/td+AD4 +ADw-td class+AD0AIg-crayon-code+ACIAPgA8-div class+AD0AIg-crayon-pre+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADs -moz-tab-size:4+ADs -o-tab-size:4+ADs -webkit-tab-size:4+ADs tab-size:4+ADsAIgA+ADw-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-1+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-id+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-filters+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-2+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-filterblock+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-3+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-input +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-id+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-check1+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-type+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-checkbox+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-name+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-check+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-value+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-game+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-category+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-4+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-label +ADw-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-for+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-check1+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-Games+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-label+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-5+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-6+ACIAPgAm-nbsp+ADsAPA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-7+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-filterblock+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-8+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-input +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-id+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-check2+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-type+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-checkbox+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-name+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-check+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-value+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-technology+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-category+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-9+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-label +ADw-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-for+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-check2+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-Technology+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-label+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-10+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-11+ACIAPgAm-nbsp+ADsAPA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-12+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-filterblock+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-13+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-input +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-id+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-check3+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-type+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-checkbox+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-name+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-check+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-value+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-os+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-category+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-14+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-label +ADw-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-for+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-check3+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-Operating +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-System+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-label+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-15+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a73837975724-16+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-/div+AD4APA-/td+AD4 +ADw-/tr+AD4 +ADw-/table+AD4 +ADw-/div+AD4 +ADw-/div+AD4 +ADwAIQ--- +AFs-Format Time: 0.0017 seconds+AF0 --+AD4 +ADw-p+AD4-You can notice that I have assigned a class +ADw-b+AD4-category+ADw-/b+AD4 for the checkboxes. This is to get the checked items by selecting the class in jQuery. Also, notice the value of each checkbox. The same values for each corresponding item in the search result should be used inside +ADw-b+AD4-data-tag+ADw-/b+AD4 attribute.+ADw-/p+AD4 +ADw-p+AD4-Next is to set up the result blocks with appropriate data-tag value.+ADw-/p+AD4APAAh--- Crayon Syntax Highlighter v+AF8-2.7.2+AF8-beta --+AD4 +ADw-div id+AD0AIg-crayon-5a13fab608a7b577980757+ACI class+AD0AIg-crayon-syntax crayon-theme-coy crayon-font-monaco crayon-os-pc print-yes notranslate+ACI data-settings+AD0AIg minimize scroll-mouseover+ACI style+AD0AIg margin-top: 12px+ADs margin-bottom: 12px+ADs font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ +ADw-div class+AD0AIg-crayon-toolbar+ACI data-settings+AD0AIg mouseover overlay hide delay+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs-height: 21px +ACE-important+ADs line-height: 21px +ACE-important+ADsAIgA+ADw-span class+AD0AIg-crayon-title+ACIAPgA8-/span+AD4 +ADw-div class+AD0AIg-crayon-tools+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs-height: 21px +ACE-important+ADs line-height: 21px +ACE-important+ADsAIgA+ADw-div class+AD0AIg-crayon-button crayon-nums-button+ACI title+AD0AIg-Toggle Line Numbers+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-plain-button+ACI title+AD0AIg-Toggle Plain Code+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-wrap-button+ACI title+AD0AIg-Toggle Line Wrap+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-expand-button+ACI title+AD0AIg-Expand Code+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-copy-button+ACI title+AD0AIg-Copy+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-popup-button+ACI title+AD0AIg-Open Code In New Window+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-/div+AD4APA-/div+AD4 +ADw-div class+AD0AIg-crayon-info+ACI style+AD0AIg-min-height: 19.6px +ACE-important+ADs line-height: 19.6px +ACE-important+ADsAIgA+ADw-/div+AD4 +ADw-div class+AD0AIg-crayon-plain-wrap+ACIAPgA8-textarea wrap+AD0AIg-soft+ACI class+AD0AIg-crayon-plain print-no+ACI data-settings+AD0AIg-dblclick+ACI readonly style+AD0AIg--moz-tab-size:4+ADs -o-tab-size:4+ADs -webkit-tab-size:4+ADs tab-size:4+ADs font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ +ACY-lt+ADs-div class+AD0AIg-searchresults+ACIAJg-gt+ADs +ACY-lt+ADs-div class+AD0AIg-resultblock+ACI data-tag+AD0AIg-game+ACIAJg-gt+ADs +ACY-lt+ADs-div class+AD0AIg-desc+ACIAJg-gt+ADs +ACY-lt+ADs-div class+AD0AIg-desc+AF8-text+ACIAJg-gt+ADs Description +ACY-lt+ADs-/div+ACY-gt+ADs +ACY-lt+ADs-/div+ACY-gt+ADs +ACY-lt+ADs-/div+ACY-gt+ADs +ACY-lt+ADs-div class+AD0AIg-resultblock+ACI data-tag+AD0AIg-os+ACIAJg-gt+ADs +ACY-lt+ADs-div class+AD0AIg-desc+ACIAJg-gt+ADs +ACY-lt+ADs-div class+AD0AIg-desc+AF8-text+ACIAJg-gt+ADs Description +ACY-lt+ADs-/div+ACY-gt+ADs +ACY-lt+ADs-/div+ACY-gt+ADs +ACY-lt+ADs-/div+ACY-gt+ADs +ACY-lt+ADs-div class+AD0AIg-resultblock+ACI data-tag+AD0AIg-technology+ACIAJg-gt+ADs +ACY-lt+ADs-div class+AD0AIg-desc+ACIAJg-gt+ADs +ACY-lt+ADs-div class+AD0AIg-desc+AF8-text+ACIAJg-gt+ADs Description +ACY-lt+ADs-/div+ACY-gt+ADs +ACY-lt+ADs-/div+ACY-gt+ADs +ACY-lt+ADs-/div+ACY-gt+ADs +ACY-lt+ADs-/div+ACY-gt+ADsAPA-/textarea+AD4APA-/div+AD4 +ADw-div class+AD0AIg-crayon-main+ACI style+AD0AIgAiAD4 +ADw-table class+AD0AIg-crayon-table+ACIAPg +ADw-tr class+AD0AIg-crayon-row+ACIAPg +ADw-td class+AD0AIg-crayon-nums +ACI data-settings+AD0AIg-show+ACIAPg +ADw-div class+AD0AIg-crayon-nums-content+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ADw-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-1+ACIAPg-1+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-2+ACIAPg-2+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-3+ACIAPg-3+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-4+ACIAPg-4+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-5+ACIAPg-5+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-6+ACIAPg-6+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-7+ACIAPg-7+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-8+ACIAPg-8+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-9+ACIAPg-9+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-10+ACIAPg-10+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-11+ACIAPg-11+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-12+ACIAPg-12+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-13+ACIAPg-13+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-14+ACIAPg-14+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-15+ACIAPg-15+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-16+ACIAPg-16+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-17+ACIAPg-17+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-18+ACIAPg-18+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-19+ACIAPg-19+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-20+ACIAPg-20+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-21+ACIAPg-21+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-22+ACIAPg-22+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-23+ACIAPg-23+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-24+ACIAPg-24+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7b577980757-25+ACIAPg-25+ADw-/div+AD4APA-/div+AD4 +ADw-/td+AD4 +ADw-td class+AD0AIg-crayon-code+ACIAPgA8-div class+AD0AIg-crayon-pre+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADs -moz-tab-size:4+ADs -o-tab-size:4+ADs -webkit-tab-size:4+ADs tab-size:4+ADsAIgA+ADw-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-1+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-searchresults+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-2+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-resultblock+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-data+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg--+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-tag+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-game+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-3+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-desc+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-4+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-desc+AF8-text+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-5+ACIAPgA8-span class+AD0AIg-crayon-v+ACIAPg-Description+ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-6+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-7+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-8+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-9+ACIAPgAm-nbsp+ADsAPA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-10+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-resultblock+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-data+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg--+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-tag+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-os+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-11+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-desc+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-12+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-desc+AF8-text+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-13+ACIAPgA8-span class+AD0AIg-crayon-v+ACIAPg-Description+ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-14+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-15+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-16+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-17+ACIAPgAm-nbsp+ADsAPA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-18+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-resultblock+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-data+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg--+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-tag+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-technology+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-19+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-desc+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-20+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-div +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-class+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPgAi-desc+AF8-text+ACIAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-21+ACIAPgA8-span class+AD0AIg-crayon-v+ACIAPg-Description+ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-22+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-23+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-24+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7b577980757-25+ACIAPgA8-span class+AD0AIg-crayon-o+ACIAPgAm-lt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg-/+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-div+ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-/div+AD4APA-/div+AD4APA-/td+AD4 +ADw-/tr+AD4 +ADw-/table+AD4 +ADw-/div+AD4 +ADw-/div+AD4 +ADwAIQ--- +AFs-Format Time: 0.0013 seconds+AF0 --+AD4 +ADw-p+AD4-Each +ADw-b+AD4-resultblock+ADw-/b+AD4 class has its own +ADw-b+AD4-data-tag+ADw-/b+AD4 which is at least one of the +ADw-b+AD4-value+ADw-/b+AD4 attribute of the jquery filter checkboxes. I have used game, technology and os. We have set up the HTML and ready to build the code to filter each result.+ADw-/p+AD4 +ADw-h3+AD4APA-span id+AD0AIg-Javascript+ACIAPg-Javascript+ADw-/span+AD4APA-/h3+AD4 +ADw-p+AD4-I have written the javascript in two parts,+ADw-/p+AD4 +ADw-ol+AD4 +ADw-li+AD4-Iterate through filters and put the checked items into an array+ADw-/li+AD4 +ADw-li+AD4-Iterate through resultblock, get data-tag and check for data-tag value against the array. If item matches the show the result block else hide.+ADw-/li+AD4 +ADw-/ol+AD4 +ADw-h3+AD4APA-span id+AD0AIg-Step+AF8-1+AF8-of+AF8-Javascript+ACIAPg-Step 1 of Javascript+ADw-/span+AD4APA-/h3+AD4 +ADw-p+AD4APA-/p+AD4APAAh--- Crayon Syntax Highlighter v+AF8-2.7.2+AF8-beta --+AD4 +ADw-div id+AD0AIg-crayon-5a13fab608a7e280474094+ACI class+AD0AIg-crayon-syntax crayon-theme-coy crayon-font-monaco crayon-os-pc print-yes notranslate+ACI data-settings+AD0AIg minimize scroll-mouseover+ACI style+AD0AIg margin-top: 12px+ADs margin-bottom: 12px+ADs font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ +ADw-div class+AD0AIg-crayon-toolbar+ACI data-settings+AD0AIg mouseover overlay hide delay+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs-height: 21px +ACE-important+ADs line-height: 21px +ACE-important+ADsAIgA+ADw-span class+AD0AIg-crayon-title+ACIAPgA8-/span+AD4 +ADw-div class+AD0AIg-crayon-tools+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs-height: 21px +ACE-important+ADs line-height: 21px +ACE-important+ADsAIgA+ADw-div class+AD0AIg-crayon-button crayon-nums-button+ACI title+AD0AIg-Toggle Line Numbers+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-plain-button+ACI title+AD0AIg-Toggle Plain Code+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-wrap-button+ACI title+AD0AIg-Toggle Line Wrap+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-expand-button+ACI title+AD0AIg-Expand Code+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-copy-button+ACI title+AD0AIg-Copy+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-popup-button+ACI title+AD0AIg-Open Code In New Window+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-/div+AD4APA-/div+AD4 +ADw-div class+AD0AIg-crayon-info+ACI style+AD0AIg-min-height: 19.6px +ACE-important+ADs line-height: 19.6px +ACE-important+ADsAIgA+ADw-/div+AD4 +ADw-div class+AD0AIg-crayon-plain-wrap+ACIAPgA8-textarea wrap+AD0AIg-soft+ACI class+AD0AIg-crayon-plain print-no+ACI data-settings+AD0AIg-dblclick+ACI readonly style+AD0AIg--moz-tab-size:4+ADs -o-tab-size:4+ADs -webkit-tab-size:4+ADs tab-size:4+ADs font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ var category+AF8-list +AD0 +AFsAXQA7 +ACQ('+ACM-filters :input:checked').each(function()+AHs var category +AD0 +ACQ(this).val()+ADs category+AF8-list.push(category)+ADs-//Push each check item's value into an array +AH0)+ADsAPA-/textarea+AD4APA-/div+AD4 +ADw-div class+AD0AIg-crayon-main+ACI style+AD0AIgAiAD4 +ADw-table class+AD0AIg-crayon-table+ACIAPg +ADw-tr class+AD0AIg-crayon-row+ACIAPg +ADw-td class+AD0AIg-crayon-nums +ACI data-settings+AD0AIg-show+ACIAPg +ADw-div class+AD0AIg-crayon-nums-content+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ADw-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7e280474094-1+ACIAPg-1+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7e280474094-2+ACIAPg-2+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7e280474094-3+ACIAPg-3+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a7e280474094-4+ACIAPg-4+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a7e280474094-5+ACIAPg-5+ADw-/div+AD4APA-/div+AD4 +ADw-/td+AD4 +ADw-td class+AD0AIg-crayon-code+ACIAPgA8-div class+AD0AIg-crayon-pre+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADs -moz-tab-size:4+ADs -o-tab-size:4+ADs -webkit-tab-size:4+ADs tab-size:4+ADsAIgA+ADw-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7e280474094-1+ACIAPgA8-span class+AD0AIg-crayon-t+ACIAPg-var+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-category+AF8-list+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgBbADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgBdADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7e280474094-2+ACIAPgA8-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPg'+ACM-filters :input:checked'+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-each+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-function+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgB7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7e280474094-3+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-var+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-category+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-r+ACIAPg-this+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-val+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a7e280474094-4+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-category+AF8-list+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-push+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-category+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-span class+AD0AIg-crayon-c+ACIAPg-//Push each check item's value into an array+ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a7e280474094-5+ACIAPgA8-span class+AD0AIg-crayon-sy+ACIAPgB9ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-/div+AD4APA-/td+AD4 +ADw-/tr+AD4 +ADw-/table+AD4 +ADw-/div+AD4 +ADw-/div+AD4 +ADwAIQ--- +AFs-Format Time: 0.0006 seconds+AF0 --+AD4 +ADw-p+AD4APA-/p+AD4 +ADw-h3+AD4APA-span id+AD0AIg-Step+AF8-2+AF8-of+AF8-Javascript+ACIAPg-Step 2 of Javascript+ADw-/span+AD4APA-/h3+AD4 +ADw-p+AD4APA-/p+AD4APAAh--- Crayon Syntax Highlighter v+AF8-2.7.2+AF8-beta --+AD4 +ADw-div id+AD0AIg-crayon-5a13fab608a80565609502+ACI class+AD0AIg-crayon-syntax crayon-theme-coy crayon-font-monaco crayon-os-pc print-yes notranslate+ACI data-settings+AD0AIg minimize scroll-mouseover+ACI style+AD0AIg margin-top: 12px+ADs margin-bottom: 12px+ADs font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ +ADw-div class+AD0AIg-crayon-toolbar+ACI data-settings+AD0AIg mouseover overlay hide delay+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs-height: 21px +ACE-important+ADs line-height: 21px +ACE-important+ADsAIgA+ADw-span class+AD0AIg-crayon-title+ACIAPgA8-/span+AD4 +ADw-div class+AD0AIg-crayon-tools+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs-height: 21px +ACE-important+ADs line-height: 21px +ACE-important+ADsAIgA+ADw-div class+AD0AIg-crayon-button crayon-nums-button+ACI title+AD0AIg-Toggle Line Numbers+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-plain-button+ACI title+AD0AIg-Toggle Plain Code+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-wrap-button+ACI title+AD0AIg-Toggle Line Wrap+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-expand-button+ACI title+AD0AIg-Expand Code+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-copy-button+ACI title+AD0AIg-Copy+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-popup-button+ACI title+AD0AIg-Open Code In New Window+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-/div+AD4APA-/div+AD4 +ADw-div class+AD0AIg-crayon-info+ACI style+AD0AIg-min-height: 19.6px +ACE-important+ADs line-height: 19.6px +ACE-important+ADsAIgA+ADw-/div+AD4 +ADw-div class+AD0AIg-crayon-plain-wrap+ACIAPgA8-textarea wrap+AD0AIg-soft+ACI class+AD0AIg-crayon-plain print-no+ACI data-settings+AD0AIg-dblclick+ACI readonly style+AD0AIg--moz-tab-size:4+ADs -o-tab-size:4+ADs -webkit-tab-size:4+ADs tab-size:4+ADs font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ +ACQ('.resultblock').each(function()+AHs var item +AD0 +ACQ(this).attr('data-tag')+ADs if(jQuery.inArray(item,category+AF8-list) +ACY-gt+ADs -1)//Check if data-tag's value exist in array +ACQ(this).fadeIn('slow')+ADs else +ACQ(this).hide()+ADs +AH0)+ADsAPA-/textarea+AD4APA-/div+AD4 +ADw-div class+AD0AIg-crayon-main+ACI style+AD0AIgAiAD4 +ADw-table class+AD0AIg-crayon-table+ACIAPg +ADw-tr class+AD0AIg-crayon-row+ACIAPg +ADw-td class+AD0AIg-crayon-nums +ACI data-settings+AD0AIg-show+ACIAPg +ADw-div class+AD0AIg-crayon-nums-content+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ADw-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a80565609502-1+ACIAPg-1+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a80565609502-2+ACIAPg-2+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a80565609502-3+ACIAPg-3+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a80565609502-4+ACIAPg-4+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a80565609502-5+ACIAPg-5+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a80565609502-6+ACIAPg-6+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a80565609502-7+ACIAPg-7+ADw-/div+AD4APA-/div+AD4 +ADw-/td+AD4 +ADw-td class+AD0AIg-crayon-code+ACIAPgA8-div class+AD0AIg-crayon-pre+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADs -moz-tab-size:4+ADs -o-tab-size:4+ADs -webkit-tab-size:4+ADs tab-size:4+ADsAIgA+ADw-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a80565609502-1+ACIAPgA8-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPg'.resultblock'+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-each+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-function+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgB7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a80565609502-2+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-var+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-item+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-r+ACIAPg-this+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-attr+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPg'data-tag'+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a80565609502-3+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-if+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-jQuery+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-inArray+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-item+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg,+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-category+AF8-list+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg--+ADw-/span+AD4APA-span class+AD0AIg-crayon-cn+ACIAPg-1+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-c+ACIAPg-//Check if data-tag's value exist in array+ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a80565609502-4+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-r+ACIAPg-this+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-fadeIn+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPg'slow'+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a80565609502-5+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-else+ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a80565609502-6+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-r+ACIAPg-this+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-hide+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a80565609502-7+ACIAPgA8-span class+AD0AIg-crayon-sy+ACIAPgB9ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-/div+AD4APA-/td+AD4 +ADw-/tr+AD4 +ADw-/table+AD4 +ADw-/div+AD4 +ADw-/div+AD4 +ADwAIQ--- +AFs-Format Time: 0.0009 seconds+AF0 --+AD4 +ADw-p+AD4APA-/p+AD4

Putting it all together

+ADw-p+AD4APA-/p+AD4APAAh--- Crayon Syntax Highlighter v+AF8-2.7.2+AF8-beta --+AD4 +ADw-div id+AD0AIg-crayon-5a13fab608a83913746575+ACI class+AD0AIg-crayon-syntax crayon-theme-coy crayon-font-monaco crayon-os-pc print-yes notranslate+ACI data-settings+AD0AIg minimize scroll-mouseover+ACI style+AD0AIg margin-top: 12px+ADs margin-bottom: 12px+ADs font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ +ADw-div class+AD0AIg-crayon-toolbar+ACI data-settings+AD0AIg mouseover overlay hide delay+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs-height: 21px +ACE-important+ADs line-height: 21px +ACE-important+ADsAIgA+ADw-span class+AD0AIg-crayon-title+ACIAPgA8-/span+AD4 +ADw-div class+AD0AIg-crayon-tools+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs-height: 21px +ACE-important+ADs line-height: 21px +ACE-important+ADsAIgA+ADw-div class+AD0AIg-crayon-button crayon-nums-button+ACI title+AD0AIg-Toggle Line Numbers+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-plain-button+ACI title+AD0AIg-Toggle Plain Code+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-wrap-button+ACI title+AD0AIg-Toggle Line Wrap+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-expand-button+ACI title+AD0AIg-Expand Code+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-copy-button+ACI title+AD0AIg-Copy+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-button crayon-popup-button+ACI title+AD0AIg-Open Code In New Window+ACIAPgA8-div class+AD0AIg-crayon-button-icon+ACIAPgA8-/div+AD4APA-/div+AD4APA-/div+AD4APA-/div+AD4 +ADw-div class+AD0AIg-crayon-info+ACI style+AD0AIg-min-height: 19.6px +ACE-important+ADs line-height: 19.6px +ACE-important+ADsAIgA+ADw-/div+AD4 +ADw-div class+AD0AIg-crayon-plain-wrap+ACIAPgA8-textarea wrap+AD0AIg-soft+ACI class+AD0AIg-crayon-plain print-no+ACI data-settings+AD0AIg-dblclick+ACI readonly style+AD0AIg--moz-tab-size:4+ADs -o-tab-size:4+ADs -webkit-tab-size:4+ADs tab-size:4+ADs font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ +ACQ(document).ready(function()+AHs +ACQ('.category').on('change', function()+AHs var category+AF8-list +AD0 +AFsAXQA7 +ACQ('+ACM-filters :input:checked').each(function()+AHs var category +AD0 +ACQ(this).val()+ADs category+AF8-list.push(category)+ADs //Push each check item's value into an array +AH0)+ADs if(category+AF8-list.length +AD0APQ 0) +ACQ('.resultblock').fadeIn()+ADs else +AHs +ACQ('.resultblock').each(function()+AHs var item +AD0 +ACQ(this).attr('data-tag')+ADs if(jQuery.inArray(item,category+AF8-list) +ACY-gt+ADs -1) //Check if data-tag's value is in array +ACQ(this).fadeIn('slow')+ADs else +ACQ(this).hide()+ADs +AH0)+ADs +AH0)+ADs +AH0)+ADsAPA-/textarea+AD4APA-/div+AD4 +ADw-div class+AD0AIg-crayon-main+ACI style+AD0AIgAiAD4 +ADw-table class+AD0AIg-crayon-table+ACIAPg +ADw-tr class+AD0AIg-crayon-row+ACIAPg +ADw-td class+AD0AIg-crayon-nums +ACI data-settings+AD0AIg-show+ACIAPg +ADw-div class+AD0AIg-crayon-nums-content+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADsAIgA+ADw-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-1+ACIAPg-1+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-2+ACIAPg-2+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-3+ACIAPg-3+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-4+ACIAPg-4+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-5+ACIAPg-5+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-6+ACIAPg-6+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-7+ACIAPg-7+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-8+ACIAPg-8+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-9+ACIAPg-9+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-10+ACIAPg-10+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-11+ACIAPg-11+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-12+ACIAPg-12+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-13+ACIAPg-13+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-14+ACIAPg-14+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-15+ACIAPg-15+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-16+ACIAPg-16+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-17+ACIAPg-17+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-18+ACIAPg-18+ADw-/div+AD4APA-div class+AD0AIg-crayon-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-19+ACIAPg-19+ADw-/div+AD4APA-div class+AD0AIg-crayon-num crayon-striped-num+ACI data-line+AD0AIg-crayon-5a13fab608a83913746575-20+ACIAPg-20+ADw-/div+AD4APA-/div+AD4 +ADw-/td+AD4 +ADw-td class+AD0AIg-crayon-code+ACIAPgA8-div class+AD0AIg-crayon-pre+ACI style+AD0AIg-font-size: 14px +ACE-important+ADs line-height: 17px +ACE-important+ADs -moz-tab-size:4+ADs -o-tab-size:4+ADs -webkit-tab-size:4+ADs tab-size:4+ADsAIgA+ADw-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-1+ACIAPgA8-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-document+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-ready+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-function+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgB7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-2+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPg'.category'+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-on+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPg'change'+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg,+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-function+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgB7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-3+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-var+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-category+AF8-list+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgBbADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgBdADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-4+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPg'+ACM-filters :input:checked'+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-each+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-function+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgB7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-5+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-var+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-category+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-r+ACIAPg-this+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-val+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-6+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-category+AF8-list+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-push+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-category+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-c+ACIAPg-//Push each check item's value into an array+ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-7+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgB9ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-8+ACIAPgAm-nbsp+ADsAPA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-9+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-if+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-category+AF8-list+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-length+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9AD0APA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-cn+ACIAPg-0+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-10+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPg'.resultblock'+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-fadeIn+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-11+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-else+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgB7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-12+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPg'.resultblock'+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-each+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-function+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgB7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-13+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-t+ACIAPg-var+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-item+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgA9ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-r+ACIAPg-this+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-attr+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPg'data-tag'+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-14+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-if+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-jQuery+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-inArray+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-item+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg,+ADw-/span+AD4APA-span class+AD0AIg-crayon-v+ACIAPg-category+AF8-list+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPgAm-gt+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-o+ACIAPg--+ADw-/span+AD4APA-span class+AD0AIg-crayon-cn+ACIAPg-1+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-h+ACIAPg +ADw-/span+AD4APA-span class+AD0AIg-crayon-c+ACIAPg-//Check if data-tag's value is in array+ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-15+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-r+ACIAPg-this+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-fadeIn+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-s+ACIAPg'slow'+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-16+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-st+ACIAPg-else+ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-17+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgAkADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-r+ACIAPg-this+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg.+ADw-/span+AD4APA-span class+AD0AIg-crayon-e+ACIAPg-hide+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg(+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-18+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgB9ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-19+ACIAPgA8-span class+AD0AIg-crayon-h+ACIAPgAm-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAJg-nbsp+ADsAPA-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgB9ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-div class+AD0AIg-crayon-line crayon-striped-line+ACI id+AD0AIg-crayon-5a13fab608a83913746575-20+ACIAPgA8-span class+AD0AIg-crayon-sy+ACIAPgB9ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPg)+ADw-/span+AD4APA-span class+AD0AIg-crayon-sy+ACIAPgA7ADw-/span+AD4APA-/div+AD4APA-/div+AD4APA-/td+AD4 +ADw-/tr+AD4 +ADw-/table+AD4 +ADw-/div+AD4 +ADw-/div+AD4 +ADwAIQ--- +AFs-Format Time: 0.0022 seconds+AF0 --+AD4 +ADw-p+AD4-That???s it we completed live filter. You can turn this into a programmatically driven process very easily. For any help feel free to ask in the comments section.+ADw-/p+AD4 +ADw-script type+AD0AIg-text/javascript+ACIAPg jQuery(document).ready(function(+ACQ) +AHs +ACQ.post('http://androidtoall.com/wp-admin/admin-ajax.php', +AHs-action: 'wpt+AF8-view+AF8-count', id: '2719'+AH0)+ADs +AH0)+ADs +ADw-/script+AD4-