jQuery append html error
<p>I am attempting to add an image to each save button on the page. </p>

<p>The jQuery I am using is this:</p>

<pre><code>$("div.save-to-button").append
('&lt;img class="saveToDropDownIcon" src="../../Content/Images/downTriangleIcon.png"
alt="V" /&gt;');
</code></pre>

<p>The jQuery statement above produces this html:</p>

<pre><code>&lt;div class="save-to-button" 
title="Save this recipe to the shopping list or a meal plan."&gt; Save To 
&lt;img class="saveToDropDownIcon" src="../../Content/Images/downTriangleIcon.png"
alt="V"&gt;&lt;/div&gt;
</code></pre>

<p>As you can see, the html sent to the append method closes the img tag correctly, but the resulting html does not close the img tag. </p>

<p>I have also tried</p>

<pre><code>$("div.save-to-button").append('&lt;img class="saveToDropDownIcon" 
src="../../Content/Images/downTriangleIcon.png" alt="V" &gt;&lt;/img&gt;');
</code></pre>

<p>Which produced the same result.</p>

<p>Could someone please point out what I am doing wrong.</p>

<p>Thanks,
Scott</p>
