$.post in a each loop ASP.NET MVC

Question

Hey All-

Have some simple jquery that Im trying to execute on a button click. For some reason it is not working. It "posts" the first element with class of 'editable' but not any others. I have about 9 elements in DOM that is should be looping through.

I taken a look with firebug at each post request and like I said the first is ok, but then the rest come back and '500 Internal Server Error'.

Below is my code, any ideas here?

$(".editable").each(function() {
            if (this.id != '') {
                //save content of each item
                $.post("/DynamicContent/SaveContent", { hid: this.id, content: $(this).html() }, function(data) {
                    alert(data);
                });

            }
        });

Answer 1

You're probably getting a HttpRequestValidationException from posting unencoded html. See http://stackoverflow.com/questions/249066/how-to-avoid-httprequestvalidationexception-in-asp-net-mvc-rendering-the-same-vie