Как получить атрибут изображения с контентом?

Question

Я могу получить атрибут от тега <a>, но я не могу получить его от <img>. Что я могу сделать ?

DEMO

HTML

<img src="http://placehold.it/50x50" alt="Some alt"/> 
<br/> 
<a href="#" alt="Some alt">test link</a> 

CSS

img:after{ 
    content:attr(alt); 
    margin-left:10px; 
} 
a:after{ 
    content:attr(alt); 
    margin-left:10px; 
} 

Answer 1

по @Passerby прокомментировать не представляется возможным с помощью CSS:

Согласно MDN, :: after «соответствует виртуальному последнему дочернему элементу выбранному элементу», и поскольку он не может иметь дочерний элемент, он не будет иметь любых :: after или :: before. То же самое относится и к вводу.

поэтому я написал этот код JQuery:

DEMO

var $imageAlt = '<span class="after">'+$("#image").attr("alt")+'</span>'; 
$("#image").after($imageAlt);