title: Handler not assigned to KoGrid's filter field (Knockout + jQuery)
body: <p>I'm trying to customize <a href="https://github.com/ericmbarnard/KoGrid/" rel="nofollow">KoGrid</a>'s filter so that I could filter the column with date data based on "from-to" logic (an example of KoGrid with filters can be found <a href="http://ericmbarnard.github.com/KoGrid/examples/Complex-Server-Side-Paging.html" rel="nofollow">here</a>). What I wanted is to display a dialog, containing From and To inputs with Datepicker, when one clicks on the appropriate filter field.</p>
  
  <pre><code>var vm = {
              filterInfo: ko.observable(),
              myObsArray: arr
          };
          ko.applyBindings(vm); 
  ...
  $("div.kgheadercell.col5").on("click", "input", function (event) {               
     $("#popup").dialog("open");
  });
  </code></pre>
  
  <p>This however seems to be not working properly, i.e. the dialog is not being displayed once I click on the text field. However, if I try to input the last bit of the code in Chrome's console, the handler is correctly bound and the dialog appears once I click on the text field.</p>
  
  <p>However, if I try</p>
  
  <pre><code>$("body").on("click", "input", function (event) {               
   $("#popup").dialog("open");
  });
  </code></pre>
  
  <p>this successfully adds handler as I'm able to see the dialog when I click on any (obviously) text field.</p>
  
  <p>Is there something happening after this code so that it removes or changes the handler?</p>