Problema con evento de Jquery

[yoelrodguez]

Hola a todos tengo el siguiente problema. Estoy creando una tabla desde php la cual la imprimo con un echo para cargar eso datos al html con jquery en una de sus celda (td) quiero programar un evento de clic de Jquery el cual no se me está ejecutando a continuación le dejo el código.

Saludos

PHP

Código [Seleccionar] Expandir


$table_prod =  '<table class="table">
  <thead>';
  $table_prod .= '<tr>';
  $table_prod .= '<th>Código</th>';
  $table_prod .= '<th>Descripción</th>';
  $table_prod .= '<th>Precio/cantidad</th>';
  $table_prod .='</tr>';  
  $table_prod .='</thead>';
  $table_prod .= '<tbody>';
  if(count($datos_prod) > 0){
  foreach($datos_prod  as $value){
  $table_prod .= '<tr>';
  $table_prod .= '<td>'. $value['codigo'].'</td>';
  $table_prod .= '<td>'. $value['descripcion'].'</td>';
  $table_prod .= '<td  style="text-align: center;"><a id="prod_transf"   href="#" title="Clic para transferir"><span class="label label-success">'.$value['precio1'].'<br />'.$value['cantidad'].'</span></a></td>';
  $table_prod .='</tr>';
  }
  }else{
  $table_prod .= '<tr>';
  $table_prod .= '<td colspan="3"><span class="label label-important">No tiene datos a mostrar</span></td>';
  $table_prod .='</tr>';
}
$table_prod .='</tbody>
      </table>';
echo $table_prod;


Jquery

Código [Seleccionar] Expandir


$('#prod_transf').click(function(){
alert("OK");
/*document.getElementById('player').play();
    playing = true;*/
});