Get elements value using jquery
<p>I have an anchor, as follows:</p>

<pre><code>&lt;a href="#" class="fpa2" value="7"&gt;
    &lt;div class="pl2"&gt;
       &lt;div class="pl3"&gt;Hero&lt;/div&gt;
    &lt;/div&gt;
&lt;/a&gt;
</code></pre>

<p>Using <strong><em>jQuery</em></strong>, how do i get a variable with the value <code>7</code> from the value field on click?</p>

<p>I tried:</p>

<pre><code>$('.fpa2').on("click", function(){
    var a1 = $(this).val();
});
</code></pre>

<p>but this is <strong><em>returning a blank</em></strong> value.</p>
