jQuery триггер щелкает по первому дочернему элементу

Я пытаюсь вызвать щелчок по первому .loaderдочернему элементу при документировании готово, но безуспешно:

html:

<a class="loader" data-target="david-boy" title="Danny Boy-Rivera">
    <span class="img"><span class="play"></span><img src="img/gallery-image1.jpg" alt="" /></span>
    <h2>Danny Boy</h2>
</a>

jQuery:

//Does not work
$('a.loader:first-child').bind('click');
$('a.loader:first-child').trigger('click');
$('a.loader:first-child').click();
//Works
$('a.loader:first-child').css("background", "red");

Есть идеи, почему?

Обновление

Обработчик:

$('.loader').click(function(){
    var name=$(this).data("target");
    callVideo(name);
});

Обновление 2

Итак, проблема заключалась в том, что я объявил действие :first-childперед обработчиком. Поменял их местами и все ок