problema con el array y el jQuery

[AbellSkyoneXD]

hola, tengo un problema con el siguiente codigo:

Código PHP:

  <?php
$busca="";
$busca=$_POST['busca'];
mysql_connect("localhost","root","");// si haces conexion desde internnet usa 3 parametros si es a nivel local solo 2
mysql_select_db("pro");//nombre de la base de datos
if($busca!=""){
$busqueda=mysql_query("SELECT * FROM m_pro WHERE p_titulo LIKE '%".$busca."%'");//cambiar nombre de la tabla de busqueda
while($f=mysql_fetch_array($busqueda))
{
$sinopsis=$f['p_sinopsis'];
$titulo=$f['p_titulo'];
$img=$f['p_img'];
?>
       <div id='basic-modal' class="caja">
        <a href='#' class='basic'><div class="aka2"><p><?php echo $titulo ?></p></div></a>
        <div class="encs">
            <a href='#' class='basic'><img src="<?php echo $img ?>" alt=""/></a>
        </div>
       </div>
       <div id="basic-modal-content">
          <div class="m">   <p><?php echo $titulo ?></p>
          </div>
          <div class="c"> <p><?php echo $sinopsis ?></p>
          </div>
        </div>


<?php
}
}
?>
       <!-- modal content -->

       <!-- preload the images -->
<!-- Load jQuery, SimpleModal and Basic JS files -->
        <script type='text/javascript' src='js/jquery.js'></script>
        <script type='text/javascript' src='js/jquery.simplemodal.js'></script>
        <script type='text/javascript' src='js/basic.js'></script>  

Código:

jQuery(function ($) {
	// Load dialog on page load
	//$('#basic-modal-content').modal();

	// Load dialog on click
	$('#basic-modal .basic').click(function (e) {
		$('#basic-modal-content').modal();

		return false;
	});
});

no se porq al hacer la busqueda todos los resultados solo me muestran la ventana modal con la sinopsis y titulo del primero, esa es mi duda espero q me puedan ayudar.
Un saludo.