textbox uppercase forced

[crosemffet]

hello and thanks in advance for supporting me.
I'm trying to get one textbox with only upper text, so each time the user types "a" the textbox capitalize to "A", so if the user types "hello" it will see "HELLO".
I'm trying to make it work using formatter function, without results.
here's my code:
<input class="easyui-textbox" id="notes" name="notes" label="Notes:" labelAlign="right" data-options="prompt:'input your notes',formatter:function(value, row){return value.toUpperCase();}" style="width:340px">
also try with:
$(function(){
       $('#notes').textbox('textbox').css('text-transform','uppercase');
});
still without working....
any idea...?
thanks again,

[stworthy]

Just need to add this code to the page.

Code:

<style type="text/css">
	.textbox .textbox-text{
		text-transform: uppercase;
	}
</style>

[crosemffet]

thanks stworthy, your solution works like a charm !.
just to know, what's wrong whit this code..?
$(function(){
       $('#notes').textbox('textbox').css('text-transform','uppercase');
});
why is not working...?
just to learn....
thanks again,

[stworthy]

This code works fine, too. Please look at this example http://code.reloado.com/ososof4/edit#preview

Code:

<input class="easyui-textbox" id="notes" name="notes" label="Notes:" labelAlign="right" data-options="prompt:'input your notes'" style="width:340px">
<script>
$(function(){
       $('#notes').textbox('textbox').css('text-transform','uppercase');
});
</script>