trying to append content to DOM element
<p>I'm trying to add a div to a row of content with the click of a button. My code works for the first row but not for any other row. Please help. This is the function for the button:</p>

<pre><code>$(".addMMbtn").each(function() {
        $(this).bind("click",
            function() {
                var thisRow = $(this).closest(".txtContentRow");
                var thisTxt = thisRow.find(".txtContent");
                var cellStr = '&lt;div class = "mmCell prep"&gt;&lt;/div&gt;';
                $(cellStr).appendTo(thisTxt);
            }
        );
    });
</code></pre>

<p>You can see a fiddle of the problem here: <a href="http://jsfiddle.net/z7uuJ/" rel="nofollow">http://jsfiddle.net/z7uuJ/</a></p>
