title: Jquery not working after ajax refresh page
body: <p>I'm using a jquery code to check all checkboxes and I do like that: </p>
  
  <pre class="lang-js prettyprint-override"><code>var JQ7=jQuery.noConflict();
  JQ7(document).ready(function(){
  JQ7("#chkAll").click(function(){
      JQ7(".chk").prop("checked",JQ7("#chkAll").prop("checked"))
  }) 
  });
  ...
  &lt;input type="checkbox" id="chkAll" /&gt;   
  ...
  &lt;input type="checkbox" class="chk" /&gt;
  </code></pre>
  
  <p>I put all code in the ajax page. At the first loading it works fine but after I refresh, it doesn't work for me. Here is the ajax code :</p>
  
  <pre class="lang-js prettyprint-override"><code> function showUser(str,pageno,type,sub)
   {
       if (str=="" || pageno=="" || type=="" || sub== "")
   {
       document.getElementById("txtHint").innerHTML="";
       return;
   }
   if (window.XMLHttpRequest)
   {// code for IE7+, Firefox, Chrome, Opera, Safari
       xmlhttp=new XMLHttpRequest();
   }
   else
   {// code for IE6, IE5
       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
   xmlhttp.onreadystatechange=function()
   {
       if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200)
       {
           document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
       }
   }
  
   xmlhttp.open("GET","&lt;?php echo $view['router']-&gt;generate('listing') ?&gt;?page="+pageno+"&amp;genre="+str+"&amp;cat="+type+"&amp;subcat="+sub,true);
   xmlhttp.send();
   }
  </code></pre>