title: How to insert an image into some html through JQuery?
body: <p>Here is the situation. I've got a standard link like so:</p>
  
  <pre><code>&lt;h2&gt;&lt;a href="#"&gt;Link Title&lt;/a&gt;&lt;/h2&gt;
  </code></pre>
  
  <p>Now, I want to insert a background to make it look like a button, so I add a span with JQuery like so:</p>
  
  <pre><code>$(document).ready(function()
  {
        $(".post a").wrapInner("&lt;span&gt;&lt;/span&gt;");
  });
  </code></pre>
  
  <p>(The html for the link can be found here, <a href="http://flickrental.co.uk/" rel="nofollow noreferrer">http://flickrental.co.uk/</a> - By the way, this is not the site, just the code for the link)</p>
  
  <p>Now I can transform the link into a nicer "button" and I'm quite happy... But I had another thought, what If I could add a small arrow image inside the link (To the right of the text) (This site is an affiliate site and the button should increase the CTR as well as the arrow image)</p>
  
  <p>But I can't seem to find the right syntax to do this. </p>
  
  <p>Any ideas?</p>