Jquery not working in IE 8
<p>I had make one code in jquery for dynamically add component in Page</p>

<pre><code>var counter = 1;
var delCnt = 0;
$(function() {
    $('#linkAddLot').click(function() {
        counter = eval(document.getElementById("hdnTotLot").value);
        delCnt = eval(document.getElementById("hdnDelLot").value);
        if((eval(counter-delCnt))&gt;=5){
            $('span.#lotMsg').css("visibility","visible");
            $('span.#lotMsg').css("color","red");
            $('span.#lotMsg').html('Already 5 (Five) Lot!!!');
        } else {
            $('span.#lotMsg').css("visibility","collapse");
            var htmlEle = "&lt;tr id='trLot_"+ (counter+1) +"'&gt;"+
                "&lt;td class='t-align-center'&gt;&lt;input type='checkbox' name='packagedetail_"+ (counter+1) +"' id='chkPackageDetail_"+ (counter+1) +"' value='"+ (counter+1) +"'/&gt;&lt;/td&gt;"+
                "&lt;td class='t-align-center'&gt;&lt;input name='lotno_"+ (counter+1) +"' type='text' class='formTxtBox_1' id='txtLotNo_"+ (counter+1) +"' style='width:80px;' onBlur='chkLotNoBlank(this);chkLotNo(this);'/&gt;&lt;span id='msgLotNo_"+ (counter+1) +"' style='color: red; ' &gt;&amp;nbsp;&lt;/span&gt;&lt;/td&gt;"+
                "&lt;td class='t-align-center'&gt;&lt;textarea name='lotdesc_"+ (counter+1) +"' cols='20' rows='3' class='formTxtBox_1' id='txtLotDesc_"+ (counter+1) +"' style='width:250px;' onBlur='chkLotDetBlank(this);'&gt;&lt;/textarea&gt;&lt;span id='msgLotDesc_"+ (counter+1) +"' style='color: red; '&gt;&amp;nbsp;&lt;/span&gt;&lt;/td&gt;"+
                "&lt;td class='t-align-center'&gt;&lt;input name='quantity_"+ (counter+1) +"' type='text' class='formTxtBox_1' id='txtQuantity_"+ (counter+1) +"' style='width:80px;' onBlur='chkQtyBlank(this);'/&gt;&lt;span id='msgLotQty_"+ (counter+1) +"' style='color: red; '&gt;&amp;nbsp;&lt;/span&gt;&lt;/td&gt;"+
                "&lt;td class='t-align-center'&gt;&lt;input name='unit_"+ (counter+1) +"' type='text' class='formTxtBox_1' id='txtUnit_"+ (counter+1) +"' style='width:80px;' onBlur='chkUnitBlank(this);'/&gt;&lt;span id='msgLotUnit_"+ (counter+1) +"' style='color: red; '&gt;&amp;nbsp;&lt;/span&gt;&lt;/td&gt;"+
                "&lt;td class='t-align-center'&gt;&lt;input name='estimatecost_"+ (counter+1) +"' type='text' class='formTxtBox_1' id='txtEstimateCost_"+ (counter+1) +"' style='width:80px;' onChange='setPkgEstCost(this);' onBlur='chkEstBlank(this);'/&gt;&lt;span id='msgLotCost_"+ (counter+1) +"' style='color: red; '&gt;&amp;nbsp;&lt;/span&gt;&lt;/td&gt;"+
                "&lt;/tr&gt;";
            $("#tblLots").append(htmlEle);
            document.getElementById("hdnTotLot").value = (counter+1);
        }
    });
});
</code></pre>

<p>Here i had made onBlur function on <code>onBlur='chkLotNoBlank(this);chkLotNo(this);'</code> on txtLotNo but in IE8 its cant work,</p>

<p>if i wil run it in IE 7 and firefox i works fine,  and alos if i will work in windows 7 pre installed IE8 version IE8.0.7600.16385 , but it cant work if i will try out in windows 2003 compatible IE 8.0.6001.18702, so can anyone give me solution for this?</p>
