Capitalized text when button clicked

Capitalized text when button clicked

Hi.

Im trying to Capitalized text when a button is clicked

  1.  <input name="name1" type="text" id="name1" />
     <a id="button" data-role="button" >Change case</a>

  1.                $(document).ready(function ()
                    {
                      
                        function toUpper(obj) {
                            var mystring = obj.value;
                            var sp = mystring.split(' ');
                            var wl = 0;
                            var f, r;
                            var word = new Array();
                            for (i = 0; i < sp.length; i++) {
                                f = sp[i].substring(0, 1).toUpperCase();
                                r = sp[i].substring(1).toLowerCase();
                                word[i] = f + r;
                            }
                            newstring = word.join(' ');
                            obj.value = newstring;
                            return true;
                        }


                        $("#button").click(function ()
                              {
                                  alert('button clicked');

                                  var ename = $('#name1').val();
                                  toUpper(ename);
                                  $('#name1').val(ename);

                              }
                        );
                    });