I have multiple pieces of text that need replacement on a page to corresponding images.

I have this code:

```
$('.icon-box-1').each(function() {
var text = $(this).text();
$(this).html(text.replace('1', '<img  src="1.png"  alt=""  />'));
$(this).html(text.replace('2', '<img  src="2.png"  alt=""  />'));
$(this).html(text.replace('3', '<img  src="3.png"  alt=""  />'));
});

```

Unfortunately it only replaces 1 of the 3. How do i get it to update all 3?

Thanks