How to change the anchor text that has an embedded image with jquery?
<p>The title sums it up. </p>

<p>An example anchor:</p>

<pre><code>&lt;a href="/xxx/yyy/zzz/2977088462?idx=2.3" data-folderid="2977088462" title="ATLAS TEST Share" class=""&gt;&lt;img style="border-style: none" alt="ATLAS TEST Share" title="Shared by me." src="/Content/icons/folder_user.png"&gt;&amp;nbsp;ATLAS TEST Share&lt;/a&gt;


            var navItem = $("#favorite-products [title='" + cachedFolderText + "']");
            navItem.attr("title", FolderDescription); // this works
            navItem.text('&amp;nbsp;'+FolderDescription); // this changes the text but also remove the image from the object.
</code></pre>

<p>What I'm finding is that the image is wiped-out and replace with the text, is there something I'm missing to preserver the image and just change the text?</p>

<p><strong>Results based off of James Montagne code</strong></p>

<pre><code>&lt;a href="/Buyer/Favorite/FavSummary/2976199074?idx=2.2" data-folderid="2976199074" title="ABC Finally4" class=""&gt;
                            &lt;img style="border-style: none" alt="Normal Folder" title="Not shared" src="/Content/icons/folder.png"&gt;ABC Finally 
                        ABC Finally4&lt;/a&gt;
</code></pre>
