Example of the Javscript

$ ( '#SoftwareSearchBar' ). on ( 'input' , function ( e ){ var softwareSearchItems = $ ( '#softwareAccord' ). children (); $ ( softwareSearchItems ). hide (); for ( var i = 0 ; i < softwareSearchItems . length ; i ++){ if (( $ ( softwareSearchItems ). eq ( i ). attr ( 'name' ). toLowerCase ()). indexOf ( $ ( this ). val (). toLowerCase ()) === 0 ){ $ ( softwareSearchItems ). eq ( i ). show () } } });

Example of the Search Bar

<div class = "panel panel-default" > <div class = "panel-body" > <input type = "search" name = "SoftwareSearchBar" id = "SoftwareSearchBar" class = "form-control" placeholder = "Search" > </div> </div>

Example of the Items