title: Bootstrap multiselect dropdown checkbox not working on paginated table
body: <p>I am having a dynamically populated paginated table. I am using "bootstrap multiselect checkbox " option in one of the column. This plugin works fine in first page of the table , but when i try to navigate to next pages on paginated table , "boostrap multiselect drop down checkbox options become a plain normal multiselect option without checkbox. Also search option is not working .Is there something missing here ? </p>
  
  <pre><code>&lt;link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"&gt;
  &lt;link rel="stylesheet" href="css/jquery.dataTables.min.css" type="text/css"&gt;
  &lt;link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css"&gt;
  &lt;link rel="stylesheet" href="css/dataTables.bootstrap.css" type="text/css"&gt;
  &lt;script src="js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/bootstrap-multiselect.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/searchDataTable.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $('.applicationNameSelectClass').multiselect({
              includeSelectAllOption : true ,
               enableFiltering: true,
          });
      });
  &lt;/script&gt;
  
  &lt;script&gt;
  $(document).ready(function() {
    $('#dbResultsTable').dataTable();
  } );
  &lt;/script&gt;
  
                  &lt;form id="form"&gt;
                      &lt;table border="1" id="dbResultsTable" class="table table-striped" &gt;
                          &lt;!-- Dynamically populated table  --&gt;
                      &lt;/table&gt;
                  &lt;input type="submit" id="submitId"/&gt;
                    &lt;/form&gt;
  </code></pre>