Grab href with jQuery on click
<p>I was wondering is there any chance to grab href link with jQuery?</p>

<p>For example, I have these:</p>

<pre><code>&lt;li&gt;&lt;a href="head.php"&gt;Head&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="body.php"&gt;Body&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="settings.php"&gt;Settings&lt;/a&gt;&lt;/li&gt;
</code></pre>

<p>So I have made with jQuery some animation but I had to preventDefault();
So now on click of any of these <code>&lt;a&gt;</code> tags I get my fancy animation and thats it.
For index I was able to make it redirected because it is basically index.php so I have wrote following:</p>

<pre><code>$('a#logo').on('click', function() {
     setTimeout(function() {
          window.location.replace('index.php');
     }, 1100);
});
</code></pre>

<p>Now since it would be too much to make ID's for every link and to write that with jQuery... it will be just way too much right?</p>

<p>So how can I tell jQuery... hey on click of specified <code>&lt;a&gt;</code> delay redirection for 1 second and then continue where you were before (redirect the page to specified href).</p>

<p>I hope you guys can understand me, and I truly hope that this is possible!</p>
