title: Lessthan(<) symbol is not allowed in jQuery Datatable
body: <p>Have small requirement, I would like to display datatable with JSON data,
  Here I have small challenge, if JSON data have special characters like <code>lessthan symbol(&lt;)</code>, data is not displayed in the datagrid.
  Dont know why it is getting problem only with <code>lessthan symbol(&lt;)</code>
  I tried with following code, please correct me if any thing got missed,
  Eg:last name is <code>Jhons&lt;asdf</code> but it showing only <code>Jhons</code>
  Please help me on this.</p>
  
  <p>Here is my sample code</p>
  
  <pre><code>$.ajax({
      url: '/echo/json/',
      type: "post",
      dataType: "json",
      data: {
          json: JSON.stringify([
              {
              id: 1,
              firstName: "Peter&amp;heins",
              lastName: "Jhons&lt;asdf"},
          {
              id: 2,
              firstName: "David&gt;tyy",
              lastName: "Bowie&lt;wwww"},
              {
              id: 2,
              firstName: "David&lt;test",
              lastName: "testqwwe&gt;qewrqwe"}
          ]),
          delay: 3
      },
      success: function(data, textStatus, jqXHR) {
          // since we are using jQuery, you don't need to parse response
          drawTable(data);
      }
  });
  
  function drawTable(data) {
      for (var i = 0; i &lt; data.length; i++) {
          drawRow(data[i]);
      }
  }
  
  function drawRow(rowData) {
      var row = $("&lt;tr /&gt;")
      $("#personDataTable").append(row); //this will append tr element to table... keep its reference for a while since we will add cels into it
      row.append($("&lt;td&gt;" + rowData.id + "&lt;/td&gt;"));
      row.append($("&lt;td&gt;" + rowData.firstName + "&lt;/td&gt;"));
      row.append($("&lt;td&gt;" + rowData.lastName + "&lt;/td&gt;"));
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/hns1gr41/" rel="nofollow">JSFiddle</a></p>
  
  <p>Thanks</p>