title: Bootstrap DataTable: Not searching inside <input> field
body: <p>I'm trying the functionalities of DataTable and I'm having the following issue:</p>
  
  <p>This is an example of the data shown on the table:</p>
  
  <p><a href="https://i.stack.imgur.com/tQMKT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tQMKT.png" alt="enter image description here"></a></p>
  
  <p>As it can be seen, in the first column ("Serial"), there are two cases that begin with KD. Will try to search them:</p>
  
  <p><a href="https://i.stack.imgur.com/0SedU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0SedU.png" alt="enter image description here"></a></p>
  
  <p>In the result, none of them were found, I wonder how can this be fixed. As a side note, this column is marked as 'readonly' but that was not the issue.</p>
  
  <p>This is the code that constructs the table:</p>
  
  <pre><code>&lt;table id="management" class="table table-bordered table-hover" &gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th hidden&gt;Hidden&lt;/th&gt;
              &lt;th class="col-md-3"&gt;Serial&lt;/th&gt;
              &lt;th class="col-md-2"&gt;Tienda&lt;/th&gt;
              &lt;th class="col-md-1"&gt;Precio&lt;/th&gt;
              &lt;th class="col-md-2"&gt;Estado&lt;/th&gt;
              &lt;th class="col-md-1"&gt;Update&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          @foreach (var item in Model)
          {
              &lt;tr&gt;
                  &lt;td hidden  &gt;
                      &lt;form id="@(String.Format("{0}{1}","form",item.Id))" asp-action="Management" asp-route-id="@item.Id" method="post"&gt;
                      &lt;/form&gt;
                  &lt;/td&gt;
                  &lt;td class="col-md-3"&gt;
                      &lt;input form="@(String.Format("{0}{1}","form",item.Id))" type="hidden" asp-for="@item.Id" /&gt;
                      &lt;div class="form-group" form="@(String.Format("{0}{1}","form",item.Id))"&gt;
                          &lt;div&gt;
                              &lt;input form="@(String.Format("{0}{1}","form",item.Id))" asp-for="@item.MchName" name="MchName" readonly class="form-control" /&gt;
                              &lt;span asp-validation-for="@item.MchName" class="text-danger"&gt;&lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
                  &lt;td class="col-md-2"&gt;
                          &lt;div class="form-group" form="@(String.Format("{0}{1}","form",item.Id))"&gt;
                              &lt;div&gt;
                                  &lt;select asp-for="@item.StoreID" name="StoreID" class="form-control" asp-items="ViewBag.StoreID" form="@(String.Format("{0}{1}","form",item.Id))"&gt;&lt;/select&gt;
                                  &lt;span asp-validation-for="@item.StoreID" class="text-danger"&gt;&lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                  &lt;/td&gt;
                  &lt;td class="col-md-1"&gt;
                          &lt;div class="form-group" form="@(String.Format("{0}{1}","form",item.Id))"&gt;
                              &lt;div&gt;
                                  &lt;input type="number" max="10" min="0" step=".5" asp-for="@item.PUnit" name="PUnit" class="form-control" form="@(String.Format("{0}{1}","form",item.Id))" /&gt;
                                  &lt;span asp-validation-for="@item.PUnit" class="text-danger"&gt;&lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                  &lt;/td&gt;
                  &lt;td class="col-md-2"&gt;
                          &lt;div class="form-group" form="@(String.Format("{0}{1}","form",item.Id))"&gt;
                              &lt;div&gt;
                                  &lt;select name="Status" asp-for="@item.MachineStatus" class="form-control" form="@(String.Format("{0}{1}","form",item.Id))"&gt;
                                      &lt;option value="0"&gt;Operativo&lt;/option&gt;
                                      &lt;option value="1"&gt;Nuevo Item&lt;/option&gt;
                                      &lt;option value="2"&gt;Reparación&lt;/option&gt;
                                  &lt;/select&gt;
                                  &lt;span asp-validation-for="@item.MachineStatus" class="text-danger"&gt;&lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                  &lt;/td&gt;
                  &lt;td class="col-md-1"&gt;
                          &lt;input form="@(String.Format("{0}{1}","form",item.Id))" id="submit-data" type="submit" value="Update" class="btn btn-default" /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;}
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Script of the DataTable:</p>
  
  <pre><code>&lt;script&gt;
          $("#management").DataTable();
  &lt;/script&gt;
  </code></pre>
  
  <p>This is the code of a constructed row:</p>
  
  <p><a href="https://i.stack.imgur.com/B5yBa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B5yBa.png" alt="enter image description here"></a></p>
  
  <p>Also, tried adding a row manually with simple text manually written and that was successfully filtered. <em>Maybe nothing that is inside an  can be read?</em></p>