Convert first letter to uppercase on input box
<p><a href="http://atiweb.org/others/input/" rel="nofollow">http://atiweb.org/others/input/</a></p>

<p>check the link, and in chrome press F12 and click console tab, i logging there the value of input box, it seems to be working, but i have no idea how to repalce the selected characters in the current input field. Basicly I do want the user to see that the first letter he/she pressed is converted to uppercase.</p>

<pre><code>$(document).ready(function() {
    //alert('ready');

    $('input').on('keypress', function(event) {
        var $this = $(this),
            val = $this.val();

        val = val.toLowerCase().replace(/\b[a-z]/g, function(letter) {
            return letter.toUpperCase();
        }); 
        console.log(val);
    });
});
</code></pre>
