problema en objetos creados desde jquery

[rikimm]

tengo el siguiente codigo

Código JSON:

{"antro":[   
  { "id": "0", "nombre": "La Perla" }  
  ,  
  { "id": "1", "nombre": "Cantina Rio de la Plata" }  
  ,  
  { "id": "2", "nombre": "Lobby Lounge" }
  ,
  { "id": "3", "nombre": "Malecon" }  
  ,
  { "id": "4", "nombre": "Foro Alicia" }  
  ,
  { "id": "5", "nombre": "Avalon" }  
  ,
  { "id": "6", "nombre": "Lucille" }  
  ,
  { "id": "7", "nombre": "Jaoabese Room" }  
  ,
  { "id": "8", "nombre": "La Nacional" }  
  ,
  { "id": "9", "nombre": "Hyperbar" } 
    
]
 
,
 
"restaurantes":[
  { "id": "0", "nombre": "Samborns" }  
  ,  
  { "id": "1", "nombre": "Cantina Rio de la Plata" }  
  ,  
  { "id": "2", "nombre": "Lobby Lounge" }
  ,
  { "id": "3", "nombre": "Malecon" }  
  ,
  { "id": "4", "nombre": "Foro Alicia" }  
  ,
  { "id": "5", "nombre": "Avalon" }  
  ,
  { "id": "6", "nombre": "Lucille" }  
  ,
  { "id": "7", "nombre": "Jaoabese Room" }  
  ,
  { "id": "8", "nombre": "La Nacional" }  
  ,
  { "id": "9", "nombre": "Hyperbar" } 
]}
 

Código Jquery:

$(document).ready(function(){
   $(".cmR").click(cmR)
   $(".cmA").click(cmA)
  $("#cmRD").click(cmrd)
   
});
function cmrd(){
    
    alert("hola ")
}
 
function cmR(){
    /*$("#catalogo").css("display","none")*/
    /*$("#date_RA").fadeIn();*/
    $(".clp").remove();
    $.ajax({
        url:'js/catalogo.json',
        data:{id:0},
        type:"GET",
        dataType:"json",
        success:function(json){
            for (i=0; i < json.antro.length; i++)  
    {  
        
            $(".cl").append("<p class='clp'><a href='#"+json.antro[i].nombre+"' class='cmRD' id='cmRD'>" +json.antro[i].nombre+"</a> </p>");
            
            
    }  
            
            
            },
            error:function(xhr,status){
                alert("no se ejecuto");
                },      
        });
    }
function cmA(){
    /*$("#catalogo").css("display","none")*/
    /*$("#date_RA").fadeIn();*/
    $(".clp").remove();
    $.ajax({
        url:'js/catalogo.json',
        data:{id:0},
        type:"GET",
        dataType:"json",
        success:function(json){
            for (i=0; i < json.restaurantes.length; i++)  
    {  
        
            $(".cl").append("<p class='clp'><a href='#"+json.restaurantes[i].nombre+"' class='cmRD' id='cmRD'>" +json.restaurantes[i].nombre+"</a> </p>");
            
            
    }  
            
            
            },
            error:function(xhr,status){
                alert("no se ejecuto");
                },      
        });
 
    }
 

Les voy a explicar mi problema cuando yo hago click en dos funciones lo que hace es mandarle la lista del archivo json que crea unas etiquetas P, para poner la lista que tengo en json y a la ves le puse id classe y sobre una url ,para que de ahi tome el valor y agarrar informacion en otro archivo json, lo que quise hacer fue hacer una alert ,para ver si tomaba el valor de los objetos creados pero cuando le doy click en el objeto creado no hace nada que es la funcion cmrd.

cual es el problema que tengo ?