Changing a JQuery UI tab name does not work with Internet Explorer

Question

In Both Firefox and Chrome, I can dynamically change the text on a JQuery UI tab with:

$('#tabs ul:first li:eq(' + tabNumber + ') a').append(" ( " + counter + " )");

However, this is not working with Internet Explorer 9. The .append() function is not the culprit, it seems to be that IE cannot find '#tabs ul:first li:eq(' + tabNumber + ') a' .

Does anyone know of a possible fix for this?

Thanks!

Answer 1

Fixed by setting tabNumber as

var tabNumber = tabId.charAt( tabId.length-1 ) - 1;

instead of

var tabNumber = tabId[tabId.length - 1] - 1;

The latter does not seem to work with IE.