title: Binding to the keydown event with jQuery on function
body: <pre><code>sqHTML = "&lt;div id=\""+sqStringTemp+"\" class=\"puzzlesquare\"&gt;&lt;input type=\"text\" class=\"puzzlesquareinput\" maxlength=\"1\" style=\"text-transform: uppercase\"/&gt;&lt;/div&gt;";
  jQuery("#gridpuzzleouter").append(sqHTML);
  
  jQuery(".puzzlesquareinput").on('keydown', '', function() {
      alert("keydown...");
  });
  </code></pre>
  
  <p>I am not yet getting any alert out of <code>.puzzlesquareinput</code>. I am wondering how to bind to the keydown event of each <code>.puzzlesquareinput</code>.</p>