title: How to send html markup with jquery's ajax function
body: <p>I have the following call in my app:</p>
  
  <pre><code>...
  var message = "&lt;label style='font-weight: bold; font-size: 14px; color: Gray;'&gt;" + currentPlayerName + "&lt;/label&gt;:  ";
  $.ajax({
          url: "/Game/SendMessage",
          type: "POST",
          data: "matchID=" + matchID + "&amp;message=" + message,
          dataType: "json",
          success: function (result) {
              if (result.Message != null) {
                  var div_MessagePanel = $("#div_MessagePanel");
  
                  $("#div_MessagePanel").append(result.Message + "&lt;br /&gt;");
              }
  
              checkForUpdate();
          },
          error: function (XMLHttpRequest, textStatus, errorThrown) {
              alert("Error occured 1!");
  
              sendMessage(message);
          }
      }); 
  </code></pre>
  
  <p>When I call this function it always drops an error. I think there is a problem with the data that I want to send back to the server. 
  Any help is appreciated. Thanks.</p>