table Bootstrap repeat issue

I have two pages

Index.php where i put the search form . and recherche.php where i get the result

So when i get result the table repeats everytime the valu change

as you see in this image http://ift.tt/1IOTZtN im using this code

<div class="section group">
<div class="col span_1_of_3">
<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">    <tr>
    <th>Par number</th>
    <th>Manufacturer</th>
    <th>Description</th>
    <th>Status</th>
    </tr>
    <?php
$ListingPosts = "SELECT * FROM prod LIMIT 20";
$REQUEST_ListingPosts =  mysql_query($ListingPosts) or die("Erreur SQL => ".mysql_error());
while ($ListingNews = mysql_fetch_array($REQUEST_ListingPosts)) { ?>

<tr>
    <th><?php echo "$fabricant"; ?></th>
    <th><?php echo  "$reference"; ?></a></th>
    <th><?php echo $APIExtrait::setExtrait($description , 0, 50 , "..."); ?></th>
     <th><a href="#" data-toggle="modal" data-target="#product-<?php echo $id; ?>"><button class="btn btn-success btn-line" type="button">
    <?php echo translate("Enquire now"); ?></button>
                                   </th>
</tr>
<?php } ?>

via Chebli Mohamed