I have the following HTML code in my website:

<div id=gallery>

    <ul class=pictures>

        <li><a href=# data-filter=* class=active>All</a></li>

        <li><a href=# data-filter=.web>Web</a></li>

        <li><a href=# data-filter=.design>Design</a></li>

        <li><a href=# data-filter=.video>Video</a></li>

    </ul>

</div>

And I want to have a click event triggering when the page loads.
I want the first (or second) list item to be clicked when the page loads.

I've tried with the following code, but I failed and I don't know how to do it:

$(document).ready(function() {

    setTimeout(function() {

        $(ul.pictures li:nth-child(2)).trigger(click);

    },10);

});