title: Jquery Datatable not showing correct number of rows as per dropdown entries
body: <p>I have ajax call which returns table. In success method I use <code>$("#tableID").dataTable();</code> It although shows paging and number of rows in dropdown, but it is just displaying all rows instead of only number of rows as selected in dropdown. In other words number of rows to be shown is not working. </p>
  
  <p>I tried using below in <code>$(document).ready</code> but it also didn't work<br>
     <code>$("#tbAccount").dataTable({
                  "iDisplayLength": 10
              });</code></p>
  
  <p>My code is below:</p>
  
  <pre><code>  function ShowNodeDetails(levelId, parentGroupID) {
          $.ajax(
                          {
                              type: "POST",
                              url: "AccountsView.aspx/GetNodeDetails",
                              data: "{'levelID':'" + levelId + "','ParentGroupId':'" + parentGroupID + "'}",
                              contentType: "application/json;charset=utf-8",
                              dataType: "json",
                              async: true,
                              cache: false,
                              success: function (msg) {
  
                                  $("#dvAccountDetails").empty();
                                  $("#dvAccountDetails").append(msg.d);
                                  $("#tbAccount").dataTable(
                                  {
                                      "iDisplayLength": 10
                                  });
                              }
                          });
  
      }
  </code></pre>
  
  <p>Am using jquery, javascript and ajax from last 5 days only. So maybe, I lack maybe debugging skills in the same.</p>