Json error on jQuery's load method
<p>I get the following error when playing with JSON request:</p>

<blockquote>
  <p>Error during serialization or deserialization using the JSON
  JavaScriptSerializer. The length of the string exceeds the value set
  on the maxJsonLength property.</p>
</blockquote>

<p>This is the jQuery code:</p>

<pre><code>//load partial view contain grid
$('#rptProductsRates').load('@Url.Action("ProductsRatesFlipPagination", "Reports")', { flipPagination: true }, function (data) {
    if (data.toString().substr(0, 15) == "&lt;!DOCTYPE html&gt;") {
      window.location = '@Url.Action("ProductsRates", "Reports")';
    }    
    else {
            debugger;
            var resultError = data.toString().substr(0, 9);
            if (resultError == "&lt;!DOCTYPE") {
               var exceptionURL='@Url.Content("~/Reports/Exception?controller=Reports&amp;action=ProductsRates")';
                        window.location = exceptionURL;
                //unblock the UI     
                $.unblockUI();
            }
            else {
                $('#contentDiv').show();
                //unblock the UI     
                $.unblockUI();
                var bottomMarginFirst = (screen.height * .29)
                var bottomMargin = (screen.height * .42)
                if ($('.renderBody').height() &lt;= ($(document).height() - bottomMarginFirst)) {
                    $('.renderBody').css({ 'height': ($(document).height() - bottomMargin + @System.Configuration.ConfigurationManager.AppSettings["GridHeight"] - 100) })
                }
            }
    }
</code></pre>

<p>What's the cause and a possible solution to this error?</p>
