title: how to get/trigger the last anchor in a list item
body: <p>source:</p>
  
  <pre><code>&lt;li&gt;
  &lt;p&gt;html html html &lt;a&gt;
  &lt;p&gt;html html
  &lt;a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I have list item with some paragraphs and after the last paragraph there is always a link. The idea is to trigger the last  anchor</p>
  
  <p>('a:last') doesn't work</p>
  
  <p>code:</p>
  
  <pre><code>$(somelink).on('click', this, function(e){
        e.preventDefault();
        loadArticlePage($(this));
    });
  
  function loadArticlePage(thisObj){
    setTimeout(function(){
      thisObj.closest('li').find('a:last')[0].click();
  },1500);
  }
  </code></pre>
  
  <p>the case now it is still triggering the first anchow in the dom
  closest method is used to find the right part of the html.
  html is rendered when I click on the 'somelink'</p>
  
  <pre><code>example
  &lt;li&gt;
  &lt;somelink&gt;
  &lt;dataholder&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>the dataholder will be filled with data (see top)  when you click on the somelink </p>