[jQuery] Returning html in json object

[Ryan]

I am having problems with the return data from the jquery form plugin
when one of the values contains html. I am not sure if this is a
jquery issue or a for plugin issue.

My javascript looks like this:

        var uploadOptions = {
                dataType:       'json',
            url:                '/uploads/upload.json',
            success:    addUpload
        };
        $("input[name='upload']").click(function() {
                $(this).parents("form:first").ajaxSubmit( uploadOptions );
        return false;
        });

The response data that is generated is:
{"status":"success","validationErrors":null,"newUpload":"\n\t<br><img
src='http:\/\/www.google.ca\/intl\/en_ca\/images\/logo.gif'>"}

What happens is the data from the response seems to get automatically
inserted into the DOM rather than passed to the addUpload function.
The addUpload function is not being called at all unless... I change
the response data to:
{"status":"success","validationErrors":null,"newUpload":"\n\tNot
Html"}

At which point the addUpload call back is called with the data json
object passed.

The response headers of the data with the HTML are the same as without
the html:
Response Headers
Date    Mon, 17 Aug 2009 20:38:38 GMT
Server  Apache/2.2.11 (Unix) mod_ssl/2.2.11 OpenSSL/0.9.8j DAV/2 PHP/
5.2.9
X-Powered-By    PHP/5.2.9
P3P     CP="NOI ADM DEV PSAi COM NAV OUR OTRo STP IND DEM"
Content-Length  134
Keep-Alive      timeout=5, max=100
Connection      Keep-Alive
Content-Type    text/html