title: AJAX Post URL Cannot be Resolved (500) if String Includes HTML Tags
body: <p>I'm trying to take the contents of a TinyMCE wysiwyg and post it to a controller function for database insertion. This setup will always display <strong>Failed to load resource: the server responded with a status of 500 (Internal Server Error)</strong> citing my /admin/postnewarticle/ route as the data in the error console in Chrome:</p>
  
  <pre><code>$.ajax({
      url: '/admin/postnewarticle/',
      type: 'post',
      dataType: 'json',
      data: {
          content: tinyMCE.get('article-content').getContent(),
          title: $('#article-title').val(),
          articleType: $('#article-types option:selected').val()
      },
      success: function (result) {
          // success stuff
      }
  });
  </code></pre>
  
  <p>When I debug in Chrome, placing <code>tinyMCE.get('article-content').getContent()</code> as a Watch Expression shows me that I'm getting the desired value here: whatever I've written in the TinyMCE text area, wrapped in a <code>&lt;p&gt;</code> tag. If I replace the value for "content" with some random static string value without any HTML tags in it, the controller method executes correctly.</p>
  
  <p>Here is the controller method I'm trying to hit:</p>
  
  <pre><code>[HttpPost]
  [Authorize(Roles = "Administrators")]
  [ValidateInput(false)]
  public JsonResult PostNewArticle(string title, HtmlString content, string articleType)
  {
      // do stuff
  }
  </code></pre>
  
  <p>Notice that the data type for "content" here is HtmlString... this was changed from just string after doing some research that eventually led me <a href="https://stackoverflow.com/questions/3341328/formatting-strings-in-asp-net-razor">here</a>. But whether it's string or HtmlString, the action still doesn't execute if the value for content contains an HTML tag.</p>
  
  <p>Any and all help is appreciated!      </p>