title: onclick not working with the pagination on jQuery
body: <p>We have the table with pagination when we click on the elements first elements have the adding listeners and next pages not adding listeners.Click is not working on tables. 
  Here is my code please Help me.
  And this my table    </p>
  
  <pre><code>&lt;table id="data_table"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Column 1&lt;/th&gt;
              &lt;th&gt;Column 2&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr id="hello"&gt;
              &lt;td&gt;Row 1 Label&lt;/td&gt;
              &lt;td&gt;
                  &lt;select class="user-selection"&gt;
                      &lt;option&gt;Row 1 Data&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr id="hello"&gt;
              &lt;td&gt;Row 2 Label&lt;/td&gt;
              &lt;td&gt;
                  &lt;select class="user-selection"&gt;
                      &lt;option&gt;Row 2 Data&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr id="hello"&gt;
              &lt;td&gt;Row 3 Label&lt;/td&gt;
              &lt;td&gt;
                  &lt;select class="user-selection"&gt;
                      &lt;option&gt;Row 3 Data&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr id="hello"&gt;
              &lt;td&gt;Row 4 Label&lt;/td&gt;
              &lt;td&gt;
                  &lt;select class="user-selection"&gt;
                      &lt;option&gt;Row 4 Data&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr id="hello"&gt;
              &lt;td&gt;Row 5 Label&lt;/td&gt;
              &lt;td&gt;
                  &lt;select class="user-selection"&gt;
                      &lt;option&gt;Row 5 Data&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr id="hello"&gt;
              &lt;td&gt;Row 6 Label&lt;/td&gt;
              &lt;td&gt;
                  &lt;select class="user-selection"&gt;
                      &lt;option&gt;Row 6 Data&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr id="hello"&gt;
              &lt;td&gt;Row 7 Label&lt;/td&gt;
              &lt;td&gt;
                  &lt;select class="user-selection"&gt;
                      &lt;option&gt;Row 7 Data&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr id="hello"&gt;
              &lt;td&gt;Row 8 Data 1&lt;/td&gt;
              &lt;td&gt;
                  &lt;select class="user-selection"&gt;
                      &lt;option&gt;Row 8 Data&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr id="hello"&gt;
              &lt;td&gt;Row 9 Data 1&lt;/td&gt;
              &lt;td&gt;
                  &lt;select class="user-selection"&gt;
                      &lt;option&gt;Row 9 Data&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And this is my jquery </p>
  
  <pre><code>$(function () {
      var dataTable = $('#data_table').DataTable({
          "pageLength": 6
      });
  
      var allDropDowns = dataTable.$('select');
      $.each(allDropDowns, function (index, dropdown) {
          console.log(dropdown.value);
      })
  
  
  });
  
  
  $(document).ready(function(){
      $("tr#hello").click(function() {
          alert("hello");
      });  
  });
  </code></pre>
  
  <p>Click is working fine with the 1st pagination and not working on other pagenations. </p>