No entra en un ajax :/

[arts]

Buenas, tengo el siguiente codigo html y ajax, el cual creo que lo debo estar llamandolo mal porque nunca entra en la función de js

Código HTML:

<!-- POPUP ELIMINAR RECURSO -->
    <aside id="popup_botonFavoritos4" class="popup popup_alert">
        <h2 class="pop-title">{php} echo _("¿Desea eliminar este recurso?"); {/php}</h2>
        <a class="btn_close_popup" href="javascript:void(0);" title="Cerrar popup">
            <img src="../img/general/icons/ico_cerrar.png" alt="Cerrar popup"/>
        </a>
        <input type="hidden" id="id_resource_lista2" value="">
        <input type="hidden" id="id_resource2" value="">
        <div class="mod_buttons mod_buttons_saveall">
            <ul>
                <li><button type="submit" class="button blue css3" id="eliminar_recurso_lista"><span>{php} echo _("Si"); {/php}</span></button></li>
                <li><button type="submit" class="button grey css3 btn_close_popup"><span>{php} echo _("No"); {/php}</span></button></li>
            </ul>
        </div>
    </aside>
    </aside>
 

Y luego tengo un js que lo lee pero no llega a entrar nunca en la función ajax para recoger los valores que necesito.

Código Javascript:

$(document).on('click','#eliminar_recurso_lista',function(event){
        console.log('btn eliminar');
        var id_lista = $('#id_lista_eliminar').attr("rel_id");
        var id_resource = $('#id_resource2').val();
        $.ajax({
            data: {'id_lista':id_lista, 'id_resource':id_resource, 'selector_favorito':id_lista},
            url: './cms_components/cms_favoritos/actions.php?action=eliminar_recurso_lista',
            type: 'POST',
            dataType: 'json',
            success: function(data) {
                $(".tbl-table tbody").remove();
                $(".lista_datos").html(data.infoTabla);
                $("#lista").val(data.lista);
                $(".tbl-table thead").after(data.aaData);
                $(".mod_tabla_info span").text(data.paginator);
                $("input#total_recursos").val(data.iTotalRecords);
                if (parseInt(data.iTotalRecords) <= 20) {
                    $("#forward_btn").removeClass("lnk_siguiente");
                    $("#forward_btn").addClass("lnk_disabled");
                }
                else {
                    $("#forward_btn").removeClass("lnk_disabled");
                    $("#forward_btn").addClass("lnk_siguiente");
                }
                                
                dFrontJs.initTooltip(".fc-tooltip_init",{
                    position: { my: "center bottom", at: "center top" },
                    open:function(e,ui){
                        if(window.PIE) PIE.attach(ui.tooltip.get(0));
                    }
                });
                
                popups.initialize();
                projekktor('.player_a', {
                    playerFlashMP4: '../js/jarisplayer.swf',
                    playerFlashMP3: '../js/jarisplayer.swf'
                });
                
                $('.editar_lista').show();
                $('.btn_close_popup').click();
            }
        });
    });
 

La cuestión debe estar en como estoy llamando a ese id eliminar_recurso_lista que no lo encuentra, no se si se puede especificar más en la función de js para que pueda encontrarlo, ando bastante perdido cuando me pasan este tipo de cosas.