jQuery - Can't get the proper id to click : <p>i have html like this</p>

<pre><code>&lt;div class="ui pagination menu"&gt;
&lt;li class="active item"&gt;1&lt;/li&gt;
&lt;li class="item"&gt;&lt;a href="http://localhost/csgorakCI/market/2" data-ci-pagination-page="2"&gt;2&lt;/a&gt;&lt;/li&gt;
&lt;li class="item"&gt;&lt;a href="http://localhost/csgorakCI/market/2" data-ci-pagination-page="2" rel="next"&gt;&lt;i class="right chevron icon"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/div&gt;
</code></pre>

<p>i want to click the link and get the data attribute data-ci-pagination-page</p>

<p>and this is my jquery code</p>

<pre><code>$('li.item').on('click','a',function () { 
    var link = $(this).attr("data-ci-pagination-page");
    console.log(link);
    load_result(link);
    return false;
 });
</code></pre>
