Javascript Instant Search

JScript kode 

 $().ready(function()
 {
     // Instant Search
     $('#q').keyup(function()
     {
         $('.user').each(function()
         {
             var re = new RegExp($('#q').val(), 'i')
             if($(this).children('.username')[0].innerHTML.match(re))
             {
                 $(this).show();
             }
             else
             {
                 $(this).hide();
             };
         });
     });
 });

PHP kode 

 <form action="javascript:void(0);">
     <input type="text" id="q" name="q"/>
 </form>
 
 <?php
     $con = mysql_connect("***","***","***");
     if (!$con)
     {
         die('Could not connect: ' . mysql_error());
     }
 
     mysql_select_db("***", $con);
 
     $result = mysql_query("SELECT * FROM users ORDER BY userlevel DESC")
     or die(mysql_error());  
     
     echo "<table cellpadding='3' border='1px solid 000' align='center'>";
         echo "<tr><th><center>Username</center></th><th><center>Email</center></th><th><center>UserRank</center></th></tr>";
         $i = 0;
         while($row = mysql_fetch_array($result))
         {
             if ($i < 30)
             {
                 $uname = $row['username'];
                 $email = $row['email'];
                 $userlevel = $row['userlevel'];
                 echo "<div class='user'>";
                     echo "<tr>";
                         echo "<td width=120><font size='4px'><a class='username' href='userinfo.php?user=$uname'>$uname</a></font></td>";
                         echo "<td width=300><font size='4px'>$email</font></td>";
                         if ($userlevel>= 9)
                         {
                             echo "<td width=20><font size='4px'>admin</font></td>";
                         }
                         else
                         {
                             echo "<td width=20><font size='4px'>user</font></td>";
                         }
                     echo "</tr>";
                 echo "</div>";
                 $i++;
             }
         }
     echo "</table>";
 ?>