Change Text box value to Uppercase the first letter of every word separated by (.)
<p>How can I change the value of textbox using jQuery/JavaScript before the form get submitted (before button clicked) when a user typed:</p>

<p>will.smith to Will.Smith</p>

<p>I have used the below code which only convert it Uppercase (entire string):</p>

<pre><code>$('input[type=text]').val (function () {
    return this.value.toUpperCase();
})
</code></pre>

<p>Keeping in mind I don't want to change it visually using CSS.</p>

<p>I hope someone can give me an idea on the same.</p>