.click no funciona con tabla generada Dinámicamente

[art_rockerd]

Hola amigos buen dia, les escribo por que estoy atorada con algo, tengo dos campos de busqueda, lo que hago es cuando encuentra resultado (1 o muchos) los pinta en un div que esta "oculto", utilizo jquery (.ajax) y php, para buscar en bdd los resultados y enviarlos de vuelta a jquery, el detalle que tengo es que, a esos resultados que obtengo, los formateo para que se muestren en forma de tabla, y lo que quiero, pero no lo logro, es que cuando le den clic a cada elmento de la lista que encontro me envie un alert. Pero simplemente no funciona, copie todo ese codigo HTML que me genera el php y lo coloco solito en otra pagina y me funciona, el detalle es que cuando hago que se genere diamicamente dicha tabla, no quiere funcionar el js. Les comparto mi codigo.

Código Javascript:

///////////////////////////FUNCION PARA VALIDAR Y BUSCAR LAS VENTAS HECHAS////////////////////////////
$("#consultar").click(function()
    {
    if($("#telefono").val().length < 1&$("#folio").val().length < 1){
        alert ("No pueden estar vacios los dos campos, introduzca un criterio para la busqueda");
        }else {
            $.ajax({
            type: "POST",
            url:'consultasGerente.php',
            data:{
                bandera:"yes",
                linea:$('#telefono').val(),
                folio:$('#folio').val()
                },
            success: function(data){
                $("#msgbox4").fadeTo(200,0.1,function() 
                    { 
                    $(this).html('Buscando...').fadeTo(900,1,
                        function(){
                            var folio = data;
                            $("#listado").fadeTo(200,0.1,function() //start fading the messagebox
                                                        { //add message and change the class of the box and start fading
                                                          $("#listado").html(data).fadeTo(900,1);;
                                                        });
                            //$("#listado").html(folio);
                            $(this).html('Busqueda Terminada...').fadeTo(900,1);
                            
                        }); 
                    });//END msjbox4
                
                
            },
            error:function(){
                alert('error');
            }        
         });//end ajax
            
        }
        
    });//end consultar
///////////////////////////FUNCION PARA MOSTRAR LOS DATOS DE LAS VENTAS////////////////////////////
/* ESTA ES LA QUE NO ME FUNCIONA*/
$(".folios").click(function()
    {
        var folioSelected = $(this).html();
        alert (folioSelected);
        
       });//end consultar
 

Aqui el PHP que busca en BDD y envia los resulados ya formateados en HTML(tablas)

Código PHP:

function consultar_datos($linea,$folio){
                //echo $linea." y ".$folio;
                include "conexionMysqli.php";
                $linea = $mysqli->real_escape_string($linea);
                $folio = $mysqli->real_escape_string($folio);
                $query="SELECT folio_intel as folio, date(fecha_venta) as fecha_venta
                        FROM ventas
                        WHERE telefono='$linea' OR folio_intel='$folio'";
        $result = $mysqli->query($query) or die($mysqli->error.__LINE__);
                if($result->num_rows > 0) {
                   $tabla = "<table border='1'><tr><th  class='B_Titulos'>Folio</th><th  class='B_Titulos'>Fecha</th></tr>";
                   while ($row = $result->fetch_assoc()){ //para varios resultados
                //OBTENIENDO Y ORDENANDO LOS DATOS...
                                $folio=$row['folio'];
                                $fVenta=$row['fecha_venta'];
                                $tabla .= "<tr><td ><div class='folios'>".$folio."</div></td>";
                                $tabla .= '<td>'.$fVenta.'</td></tr>';
                                }
                                    $tabla .= '</table>';
                                    echo $tabla;
                }else {
            echo 'No hay resultados con esos datos';    
        }
            }//end consultar_datos
 

y este es mi HTML

Código HTML:

<table width="300" border="1" cellpadding="3">
           <tr>
             <th colspan="2" align="center" class="B_Titulos">Buscar Linea Telmex</th>
            </tr>
             <tr>
             <td align="center"><label for="telefono">No. Telefonico:</label></td>
             <td align="center"><input onkeypress="return validarNum(event)" id="telefono" name="telefono" type="text" size="25" maxlength="10" placeholder="Maximo 10 digitos" /></td>
             </tr>
             <tr>
               <td align="center"><label for="telefono">No. de Folio:</label></td>
               <td align="center"><input onkeypress="return validarNum(event)" id="folio" name="folio" type="text" size="25" maxlength="20" placeholder="Maximo 20 digitos" /></td>
            </tr>
             <tr>
             <td colspan="2"><label for="consultar"></label>
             <div id="consultar"></div>
             </td>
             </tr>
             <tr>
               <td colspan="2"><span id="msgbox4" class="mensajes" style="display:none"></span></td>
             </tr>
          </table><!-- TERMINA TABLE-->
        </form></td>
        </tr>
      <tr>
        <td height="35" colspan="2">&nbsp;</td>
        </tr>
      <tr>
        <td><div id="listado" style="display:none"><!-- AQUI SE MOSTRARAN LOS RESULTADOS--></div></td>
         </tr>
    </table>
 

Existe algun por que de que no quiera funcionar el $(".folios").click(function()

Como les comente, si lo hago estatico si me funciona, aqui esta el ejemplo de los resultados que me arroja el PHP pero aqui lo hago "estatico":

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>probar clase</title>
<script src="js/jquery-1.8.2.min.js" type="text/javascript" ></script>
<script type="text/javascript" language="javascript">
$(document).ready(function()
{
    $(".folios").click(function()
    {
        var folioSelected = $(this).html();
        alert (folioSelected);
        
       });
 });
</script>
</head>
<body>
<table border="1">
    <tbody><tr><th class="B_Titulos">Folio</th>
        <th class="B_Titulos">Fecha</th></tr>
            <tr><td><div class="folios">13020113044900020420</div></td>
            <td>2013-02-01</td></tr>
        <tr><td><div class="folios">13020113050300020420</div></td>
            <td>2013-02-01</td></tr>
        <tr><td><div class="folios">13020113051800020420</div></td>
            <td>2013-02-01</td></tr>
    </tbody>
</table>
</body>
</html>
 

Muchas gracias por su ayuda. Saludos!