When creating a dynamic input checkbox, using $.(html, json) when we pass value as a parameter this doesn't seems to be set correctly. (a call to $.val() always return 'on').

ex:

var $elt = $('<input />', {value: 'foo'}).appendTo($container);

on IE:

$elt.val() returns 'on'

on other browsers:

$elt.val() returns 'foo'

This seems to be appears only for input type checkbox.

Only reproducible on IE 7, 8 and 9.

On chrome/FF everything works fine (a call to $.val() returns expected value)

Please see

http://jsfiddle.net/frediana/Ap3DY/8/

As a workaround you can manually cal val after, this solve the problem but looks like a hack to me.

ex:

var $elt = $('<input />').appendTo($container);

$elt.val('foo);