title: Checkbox checked property is not working in JQUERY Datatable column
body: <p>I have a <code>jquery datatable</code> in which first coloumn is <code>checkboxes</code>.In the application while editing ,i need to display the selected items as thier <code>checkbox</code> <strong>checked</strong>.I am getting the data from <code>ajax response</code>.Data binding is working fine,but the <code>checked</code> attribute isn't.</p>
  
  <p>here is my code:</p>
  
  <pre><code>custAct.success = function (status) {
         try {
                 var response = JSON.parse(status);
                 activityCust.clear().draw();
  
    for (var i = 0; i &lt; response.length - 1 ; i++) 
        {
  activityCust.row.add({ 0: '&lt;input class="checkboxCust" checked=' + response[i].IsSelected + '  value="' + response[i].ID + '" data-id="' + response[i].ID + '" type="checkbox" /&gt;', 1: response[i].Name, 2: response[i].Hours }).draw();    
        }
  
  catch(ex)
  {
  }
  </code></pre>
  
  <p><code>Html</code> code:</p>
  
  <pre><code>&lt;table class="gridTableActivityCust hover"&gt;
                              &lt;thead&gt;
                                  &lt;tr&gt;
                                      &lt;th&gt;Select&lt;/th&gt;
                                      &lt;th&gt;Activity Name&lt;/th&gt;
                                      &lt;th&gt;Hours&lt;/th&gt;
                                  &lt;/tr&gt;
                              &lt;/thead&gt;
                              &lt;tbody&gt;
                                  @foreach (var item in Model.Activities)
                                  {
                                      &lt;tr data-id="@item.ActId"&gt;
                                          &lt;td&gt;
                                              &lt;input class='checkboxCust' disabled="@item.Enabled" checked="@item.IsSelected" value="@item.ActId" data-id="@item.ActId" type='checkbox' /&gt;
                                          &lt;/td&gt;
                                          &lt;td&gt;
                                              @item.ActivityName
                                          &lt;/td&gt;
                                          &lt;td&gt;
                                              @item.Hours
                                          &lt;/td&gt;
                                      &lt;/tr&gt;
                                  }
                              &lt;/tbody&gt;
                          &lt;/table&gt;
  </code></pre>
  
  <p>here is the <code>json</code> response:</p>
  
  <pre><code>[
    {
      "ID": 1,
      "Name": "Activity 1",
      "Description": "nc",
      "Hours": 2,
      "Remove": false,
      "Active": false,
      "IsSelected": false,
      "Disabled": true
    },
    {
      "ID": 2,
      "Name": "Activity 2",
      "Description": "lkn",
      "Hours": 3,
      "Remove": false,
      "Active": true,
      "IsSelected": false,
      "Disabled": false
    },
    {
      "ID": 3,
      "Name": "Activity 3",
      "Description": "lkk",
      "Hours": 2,
      "Remove": false,
      "Active": false,
      "IsSelected": false,
      "Disabled": true
    },
    {
      "ID": 4,
      "Name": "Activity 4",
      "Description": "kjhj",
      "Hours": 3,
      "Remove": false,
      "Active": true,
      "IsSelected": false,
      "Disabled": false
    },
    {
      "ID": 5,
      "Name": "Activity 5",
      "Description": "mn",
      "Hours": 7,
      "Remove": false,
      "Active": true,
      "IsSelected": true,
      "Disabled": false
    },
    {
      "ID": 6,
      "Name": "Activity 6",
      "Description": "kj",
      "Hours": 5,
      "Remove": false,
      "Active": true,
      "IsSelected": false,
      "Disabled": false
    },
    {
      "ID": 7,
      "Name": "Activity 7",
      "Description": "hj",
      "Hours": 8,
      "Remove": false,
      "Active": false,
      "IsSelected": false,
      "Disabled": true
    },
    {
      "ID": 8,
      "Name": "gdfg",
      "Description": "dgdfg",
      "Hours": 4.4,
      "Remove": false,
      "Active": true,
      "IsSelected": false,
      "Disabled": false
    }
  ]
  </code></pre>
  
  <p>In the response only <strong>Activity 5</strong> is selected.But in the UI all the checkboxes are getting selected.</p>
  
  <p>Screenshot:</p>
  
  <p><a href="https://i.stack.imgur.com/hqPfu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hqPfu.png" alt="img"></a></p>
  
  <p>In this case only Activity 5 should be checked.</p>