[jQuery] How to post HTML data in jQuery using $.ajax() method?

[San]

I want to post some HTML (contained in a div on the page) data using
jQuery using $.ajax() method.
But it is not working.

--------
<script language="javascript" type="text/javascript">
        function PostHTMLContentTOServer() {
            var pageData = document.getElementById
("MainDiv").innerHTML;
            $.ajax({
                url: "MyData.aspx",
                type: "POST",
                data: pageData,
                dataType: "html",
                success: function(returnData) {
                    alert("Success post");
                }
            });
          }
 </script>
------

Kindly suggest what should I do.