JQ 页面内直接筛选数据（筛选好友）

HTML:
<div class="search">
       <input type="text" placeholder="输入用户名">
       <div class="search_btn">
               <div class="tab">
                       <div class="tabcell">
                               <a></a>
                       </div>
               </div>
       </div>
</div>
<div class="friend" id="friend">
       <div>
               <input type="checkbox" id="fre8" name="midArr" value="8">
               <label for="fre8">
                       <img src="https://graph.facebook.com/100001531310270/picture" alt="Yeah">
                       <span>Yeah</span>
               </label>
       </div>
       <div>
               <input type="checkbox" id="fre17" name="midArr" value="17">
               <label for="fre17">
                       <img src="https://graph.facebook.com/100001531310270/picture" alt="Su Ca Lan">
                       <span>Su Ca Lan</span>
               </label>
       </div>
</div>
JS:
               //筛选好友
               $o('.search').on('keyup','input',function(){
                       var $list = $o('.friend').find('span'), search = $(this).val(), $parent;
                       $.each($list,function(k,v){
                               $parent = $(v).parent().parent();
                               if(v.innerHTML.indexOf(search) == -1){
                                       $parent.hide();
                               }else{
                                       $parent.show();
                               }
                       })
               });