jQuery Events Issue

<html>
    <head>
        <script type="text/javascript" src="js/jquery.min.js"></script>

        <script type="text/javascript">
            $(function () {
                var $1 = $('<input />'),
                    $2 = $('<input />'),
                    $div = $('#jqueryIssue');

                $1.on('keyup', function (e) {
                    alert('keyup');
                }).on('blur', function (e) {
                    alert('blur');
                });

                $div.append($1, $2);
            });
        </script>
    </head>
    <body>
        <div id="jqueryIssue"></div>
    </body>
</html>