title: How to execute second jQuery snippet to add html code
body: <p>I'd like to remove all class that have icons on them. Also, I'd like to replace their HTML code.</p>
  
  <p>There is <code>.icon-eye-open</code> that got font awesome icon on it, i want to change it for twitter heart snippet.</p>
  
  <p>I managed to remove class, so i have empty space to add html code but i stuck in choosing the way how to. I googled a lot of diffrent ways, but the jQuery looks the easiest to fire off, but apparently its not working.</p>
  
  <pre><code>$(document).ready(function() {
  $('.visible-desktop').after('&lt;a href="/basketedit.php?mode=2"&gt;&lt;input id="toggle-heart" type="checkbox"/&gt;&lt;label for="toggle-heart"&gt;❤&lt;/label&gt;&lt;/a&gt;');
  });
  </code></pre>
  
  <p>The point is that i can't touch HTML or parcial css.
  Codepen:
  <a href="https://codepen.io/graphconcept/pen/vwNNwQ" rel="nofollow noreferrer">https://codepen.io/graphconcept/pen/vwNNwQ</a></p>