title: Get elements value using jquery
body: <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>