title: datatable search option and paging not displaying in the mvc view
body: <p>i have one data table . I'm fetching data from dataset and populating into the datatable. I'm referring <a href="https://datatables.net/examples/basic_init/zero_configuration.html.i" rel="nofollow noreferrer">https://datatables.net/examples/basic_init/zero_configuration.html.i</a> have added references of data table and jquery still im facing issues to view the data table features. im not able to see the search box and paging option.</p>
  
  <p>view</p>
  
  <pre><code>@using System.Data
  @model DataSet
  @{
      Layout = "~/Views/Shared/_Layout.cshtml";
  }
  
      &lt;meta name="viewport" content="width=device-width" /&gt;
      &lt;link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet" /&gt;
      &lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
      &lt;script src="    https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css"&gt;&lt;/script&gt;
      &lt;title&gt;Index&lt;/title&gt;
      &lt;table id="example" class="display" width="100%" cellspacing="0"&gt;
          &lt;tr&gt;
              &lt;th&gt;Date&lt;/th&gt;
              &lt;th&gt;Use case&lt;/th&gt;
              &lt;th&gt;Id&lt;/th&gt;
              &lt;th&gt;SMS&lt;/th&gt;
          &lt;/tr&gt;
          @foreach (DataRow row in Model.Tables[0].Rows)
          {
              &lt;tr&gt;
                  &lt;td&gt;@row["updtd_date"]&lt;/td&gt;
                  &lt;td&gt;@row["usecase"]&lt;/td&gt;
                  &lt;td&gt;@row["id"]&lt;/td&gt;
                  &lt;td&gt;@row["sms"]&lt;/td&gt;
  
              &lt;/tr&gt;
          }
      &lt;/table&gt;
  
  
  @section scripts{
      &lt;script&gt;
          $(document).ready(function () {
              $('#example').DataTable();
          });
  &lt;/script&gt;
      }
  </code></pre>