title: The Event in the DIV Not working after reload
body: <p>I have the code below to sort the table column "Created Date" when user clicks.<br>
  Please note that "<code>IntNote_CreatedDate</code>" is the ID of the table TH tag.</p>
  
  <pre><code>    var f_CreatedDate = 1;
      $("#IntNote_CreatedDate").on("click", function()
      {
          //alert("Hey");
          f_CreatedDate *= -1;
          var n = $(this).prevAll().length;
          sortTable("#tblIntNotes", f_CreatedDate, n); // call the sortTable function.... working fine
      });
  </code></pre>
  
  <p>This is working fine. Now I have a popUp window to add note with this code below and it adds the note then refresh the Parent DIV container for the note.  This also works fine.</p>
  
  <pre><code>$(document).ready(function() {
      updateParentDIV = function() {
          var url = opener.location.href + " #refreshNotes"
          //alert("url: " + url)
  
          // This method works for both IE and FireFox
          window.opener.$("div#divNotes").load(
              url, function(){
              window.close();
          });
      };
  });
  </code></pre>
  
  <p>The problem is after the Parent DIV refreshed, the event "<code>$("#IntNote_CreatedDate").on("click", function()</code>" no longer recognize or work anymore. Somehow, it is not execute anymore, no error.</p>
  
  <p>Please advise how can I refresh the parent window DIV and still preserve the event "<code>$("#IntNote_CreatedDate").on("click", function()</code>" works. </p>