title: Get Font Awesome icon value using jQuery?
body: <p>I'm using font awesome in one of my web apps. I want to get the value of an element with a font awesome class and then do more actions with it. Is this possible?</p>
  
  <p>As an example, here is a clickable grid of possible selections:</p>
  
  <p><img src="https://i.stack.imgur.com/NFEAV.png" alt="enter image description here"></p>
  
  <p>The 'icon' is defined with the following HTML:</p>
  
  <pre><code>&lt;span class="icon icon-caret-down pointer-img"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>And the following CSS:</p>
  
  <pre><code>.icon-caret-down:before     {content:"\f0d7";}
  </code></pre>
  
  <p>The problem is that the value is set using CSS. What would the jquery selector be for this type of scenario?</p>
  
  <pre><code>$(".pointer-img").click(function(){
     console.log( $(this) );
  });
  </code></pre>
  
  <p>Thanks in advance.</p>