CodePen

HTML

            
              %input#search-box{:placeholder => 'Search'}

%table
  %thead
    %tr
      %th County
      %th Zucchini
      %th Sweet Potato
      %th Spinach
      %th Beef
  %tbody
    %tr
      %td Multnomah 
      %td 5
      %td 2
      %td 6
      %td 1
    %tr
      %td Washington
      %td 7
      %td 3
      %td 1
      %td 5
    %tr
      %td Yamhill
      %td 5
      %td 2
      %td 7
      %td 3

            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              body, body * {
  padding: 8px; 
  margin: 2px; 
  border: 1px solid; 
}


            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $('#search-box').keyup ->
  searchText = $('#search-box').val()
  showResults(searchText)
      
   
showResults = (searchText) ->
  $('tbody tr').hide()
  $('tbody tr:Contains(' + searchText + ')').show()
    

## Override the Contains function to be case insensitive   
jQuery.expr[":"].Contains = jQuery.expr.createPseudo((arg) ->
  (elem) ->
    jQuery(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0
)
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................