title: Bootstrap modal not showing after using the pagination from the datatable
body: <p>I am using Bootstrap 3 and Data Table 1.9. Modal is open when i click the anchor tag in the first page of the data table but I have a problem on showing Bootstrap modal after use the Data table Pagination. How to Resolve this.
  Here is my code</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;html&gt;
      &lt;body&gt;
          &lt;table id=prodlist class="table table-bordered table-striped"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;#&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                     &lt;td&gt; &lt;a href="http://localhost/admin/product/viewProduct/15" class="prod-view" data-target="#modal" data-toggle="modal"&gt;edit&lt;/a&gt;
                  &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;
                      &lt;a href="http://localhost/admin/product/viewProduct/15" class="prod-view" data-target="#modal" data-toggle="modal"&gt;edit&lt;/a&gt;
                 &lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;
                      &lt;a href="http://localhost/admin/product/viewProduct/15" class="prod-view" data-target="#modal" data-toggle="modal"&gt;edit&lt;/a&gt;
                 &lt;/td&gt; &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>my javascript for datatable is </p>
  
  <pre class="lang-js prettyprint-override"><code>$(function() {
      $("#prodlist").dataTable({
          "bAutoWidth": false,
          "aoColumnDefs": [{
              "sWidth": "5%",
              "aTargets": [0],
              "bSearchable": false,
              "bSortable": false,
              "bVisible": true
          }, ]
      });
  });
  if ($(".alert-success, .alert-error").length &gt; 0) {
      setTimeout(function() {
          $(".alert-success, .alert-error").fadeOut("slow");
      }, 1000);
  }
  $(document).ready(function(){
  $(".prod-view").click(function(){
      var href = $(this).attr('href');
  
      $( ".modal-body" ).load( href );
      $('#myModal').modal('toggle')
  });
  });
  </code></pre>