jQuery  - '.on' and ':first'
<p>Is it possible to use the <code>:first</code> and <code>:last</code> selectors with jQuery's on selector?</p>

<p>I want the first link in each list item to trigger the alert. However, at the moment, only the very first link triggers it. </p>

<p>The JavaScript code:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready( function(){
        $('ul').on("click", "li a:first", function(event) {
            alert("test");
        });
    }
&lt;/script&gt;
</code></pre>

<p>And the HTML:</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;
        &lt;a href="#"&gt;Trigger&lt;/a&gt;
        &lt;a href="#"&gt;Don't Trigger&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;a href="#"&gt;Trigger&lt;/a&gt;
        &lt;a href="#"&gt;Don't Trigger&lt;/a&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p><strong>Demo:</strong> <a href="http://jsfiddle.net/pjgalbraith/tuJnv/" rel="nofollow">http://jsfiddle.net/pjgalbraith/tuJnv/</a></p>
