title: jquery click script not active after changes in the page
body: <p>I have two jquery scripts on a list page. The first one makes list rows clickable. It works fine. </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      jQuery(document).ready(function($) {
          $(".clickableRow").click(function(e) {
              console.log('clickable row clicked');
              window.document.location = $(this).attr("href");
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>The second one is a search function that filter the rows and it works fine too. </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      jQuery(document).ready(function() {
          $("#search-filter").click(function (evt) {
              evt.preventDefault();
              console.log('evt triggered');
              q=$('#q').val();
              q_fields=$('#q-fields').attr('value');
              $.ajax({
                  type: 'GET',
                  url: $(this).attr("href"),
                  datatype: 'html',
                  data: {'q': q,
                      'q_fields': q_fields,
                      'title': $('#title').text()},
                  success: function(code_html, status) {
                      $('#object-list').children().remove();
                      $(code_html).appendTo('#object-list');
                  },
                  error: function(result, status, error) {
                      alert(result);
                  }
              });
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>It is activated by this form:</p>
  
  <pre><code>&lt;form method="get" action=""&gt;
      &lt;input id="q" type="text" name="q"&gt;
      &lt;input id="q-fields" type="hidden" value="name, prenom" name="q_fields"&gt;
      &lt;button id="search-filter" class="btn" type="submit" href="/contacts/ajax_update_contact_list"&gt;search&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>This lattest script is a search function that filter the rows and it works fine. The problem is that when my rows are filtered, the first script doesn't work anymore.</p>
  
  <pre><code>&lt;tr class="clickableRow" href="/contacts/532/"&gt;
      &lt;td&gt;&lt;/td&gt;
      ...
  &lt;/tr&gt;
  &lt;tr class="clickableRow" href="/contacts/533/"&gt;
      &lt;td&gt;&lt;/td&gt;
      ...
  &lt;/tr&gt;
  </code></pre>
  
  <p>I don't even receive the console signal "clickableRow clicked". I must have something wrong but I can't see what.</p>