textbox length according to text

Question

i have code that dynamically addtextbox but when i add onkeyup function, it work in Chrome and Firefox but it doesn't work in IE.. code that does not work is after the text with red colour. TQ so much.

 

$(document).ready(function () {

var counter = 2;

$("#btnAdd").click(function () {

if (counter > 4) {

return false;
}

var newTextBoxDiv = $(document.createElement('div'))
.attr("id", 'TextBoxDiv' + counter);


newTextBoxDiv.after().html('<input type="text" name="textbox' + counter + '" size="1' +
'" onkeyup="Expand(this);"' + '" id="textbox' + counter + '" value="">');

newTextBoxDiv.appendTo("#LinkTab");

$('#textbox' + counter).focus();
counter++;
}); 

 

code below does not work in IE.. help me how to fix it anyone.

 

function Expand(obj) {

if (!obj.startW) { obj.startW = obj.offsetWidth; }

var style = obj.style;

//Force complete recalculation of width
//in case characters are deleted and not added:
style.width = 0;

var desiredW = obj.scrollWidth;

desiredW += obj.offsetHeight;

style.width = Math.max(desiredW, obj.startW) + 'px';



}