Remplissez div avec html en utilisant javascript / jquery

voici mon problème:

J'ai un div:

<div id="legend"></div>

et je veux le remplir, sous certaines conditions, avec ce code:

<p>Showing results....
    Key:
    <img src="/....">&lt;=1
    &nbsp;<img src="/...">&lt;=2
    &nbsp;<img src="/...">&lt;=3
    &nbsp;<img src="/...">&lt;=4
    &nbsp;<img src="/...">&lt;=5

<p>

Comme vous pouvez le voir c'est une légende, et la question principale je pense, c'est que j'ai des guillemets qui ne peuvent pas facilement être inclus en utilisant par exemple la solution ici:
Remplir div avec du texte

Merci pour votre aide!

source d'informationauteur valenz