Loading dynamic HTML
<p>I have a bit of code I've been working with that's a compilation of code written through different sources.  I'm a beginner with JavaScript and I'm having issues making some final changes to the code.  Instead of loading the text name written in the folder tag, I need to write some HTML.  </p>

<p>Here's what I currently have:</p>

<pre><code>$(function () {
     $(".folderContent").hide();
     //arrange the background image starting position for all the rows.
     //This will allow the background image cut illusion when showing the folder content panel
     $(".row").each(function () {
         $(this).css({

             backgroundPosition: "0px -" + $(this).index() * $(this).outerHeight() + "px"
         });
     });
     //when a folder is clicked,
     //position the content folder after the clicked row
     //and toggle all folder / app icon that is not the one clicked.
     //and toggle the folder content panel
     $(".folder").click(function (event) {
         var folderContent = $(".folderContent");
         folderContent.remove();

         var folderContentShown = folderContent.css("display") != "none";

         var clickedFolder = $(this);
         clickedFolder.parent(".row").after(folderContent);

         folderContent.find(".folderName").text($(this).text());

         $("body").find(".folder, .app").not(clickedFolder).each(function () {
             if (!folderContentShown) $(this).animate({
                 opacity: 0.00
             }, "fast");
             else $(this).animate({
                 opacity: 1.00
             }, "fast");
         });

         //clickedFolder.animate({opacity: folderContentShown ? 1.00 : 0.70}, "fast");
         folderContent.slideToggle("fast");
         event.preventDefault();
     });
 });
</code></pre>

<p>Instead of returning the folderName in text form, I need to return HTML to be visible in the folderContent area.</p>
