title: DataTables search and filter dynamically added rows that contain input fields
body: <p><a href="http://jsfiddle.net/v7rjqogy/15/" rel="nofollow">http://jsfiddle.net/v7rjqogy/15/</a></p>
  
  <p>Two things are wrong with it. First:</p>
  
  <p>When I add a new line and then fill in some text into the input how do I get this to work with the search function?</p>
  
  <p>Secondly (this one is more important)</p>
  
  <p>You’ll notice that I have added a custom Filter by: Strength: and By Dose drop downs at the top of the page. These correspond with the columns Strength and Dose in the table. I have added code to get it to search by these but it always show no rows returned.</p>
  
  <pre><code>$(document).ready(function () {
  
      $.fn.dataTableExt.ofnSearch["html-input"] = function (value) {
          return $(value).val();
      };
  
      var table = $("#lines").DataTable({
          "searching": true,
          "ordering": true,
          columnDefs: [
              { "targets": [15, 16], "searchable": false, "orderable": false },
              { "type": "html-input", "targets": [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14] }
          ],
  
      });
  
      $("#lines td input").on("change", function () {
          var td = $(this).parent();
  
          console.log($(this).parent().find("input").val());
          table.row($(this).closest("tr")).invalidate();
      });
  
      // Apply the search
      $("#strength_search").on("change", function () {
          table
              .columns(6)
              .search(this.value)
              .draw();
      });
      $("#dose_search").on("change", function () {
          table
              .columns(7)
              .search(this.value)
              .draw();
      });
  
  });
  </code></pre>
  
  <p>Too much HTML to paste in here. The fiddle will show you all.</p>