title: Add FontAwesome Icon after Visited Link
body: <p>I want to add a simple <strong>check</strong> icon after every link that the user has visited on my website. </p>
  
  <p>Here is what I have tried to so far:</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.accomm-panel:visited h5:after {
      content: "\f00c";
      color: #80b54d;
  }
  </code></pre>
  
  <p>Note: The ".accomm-panel" class is the anchor link. I only want to target visited links and the look for the <strong>h5</strong> element and attach the icon.</p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('.accomm-panel:visited h5').after('&lt;i class="fa fa-check fa-1"&gt;&lt;/i&gt;');
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;a href="http://localhost/gbtc/accommodation/029gb-step-back-in-time/?_sfm_low_season_fee=0+10000" class="accomm-panel"&gt;
      &lt;div class="img-container" style="background-image: url('http://localhost/gbtc/wp-content/uploads/2015/05/gordons-bay-harbour-wall-sunset.jpg');"&gt;
          &lt;div class="price"&gt;
              &lt;p&gt;From&lt;/p&gt;
              &lt;p class="amount"&gt;R&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="panel-content"&gt;
          &lt;h5&gt;Step Back in Time&lt;/h5&gt;                                                                                           
          &lt;p class="description"&gt;1 Guest • 12 Bedrooms • 12 Bathrooms • 029GB&lt;/p&gt;
      &lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>Neither of these methods work. <a href="https://css-tricks.com/put-checkmarks-next-to-visted-links-with-pure-css/" rel="nofollow">This article</a> outlines that due to user privacy issues, the suggestions in the article are unlikely to work. </p>
  
  <p>I'd like to know if there's a workaround for these issues.</p>