salve, sto cercando di fare una semplice ricerca in ajax in più colonne di una tabella del db ma quando cerco e schiaccio la barra spaziatrice non mi trova più niente... dove sbaglio?

codice:
<script type="text/javascript">
            $(document).ready(function() {
                $(".search").keyup(function() {
                    var search = $(this).val();
                    if(search != '') {
                        $.ajax({
                            type : "POST",
                            url : "search.php",
                            data : "search=" + search,
                            success : function(html) {
                                $("#result").html(html).show();
                            }
                        });
                    }
                    return false;
                });
            });
        </script>
codice HTML:
<input type="text" class="search" id="searchid" placeholder="Search..."/>
        <div id="result"></div>
Codice PHP:
$count=0;
$q=$_POST['search'];
$sql="SELECT * FROM attori WHERE name LIKE '%$q%' OR surname LIKE '%$q%' ORDER BY surname,name";
foreach($db->query($sql) as $row)
{
$id=$row['id'];
$name=$row['name'];
$surname=$row['surname'];
$img=$row['image'];
$count++;
?>
<a href="<?=$id?>" class="show"> 
    <p class="name-result"><?php echo $name; ?>&nbsp;<?php echo $surname; ?></p>
</a>
<?php
}
if($count==0)
echo '<div class="show">Spiacenti, nessun risultato trovato</div>';