issue in virtual keyboard

Question

i have a script which is for virtual keyboard, i am facing some problem while creating a keys for superscript and subscript.For eg. while i am using <'sup'>3<'/sup'> in my span class it displays it right,but when i am pressing that key it also prints <'sup'>3<'/sup'> in textbox. so what should i need to change in jquery ?

Here is my working code.

HTML CODE :

    <li class="symbol"><span class="off"><sup>11</sup></span><span class="on"><sup>11</sup></span></li>

JQuery CODE

// Special characters
    if ($this.hasClass('symbol')) character = $('span:visible', $this).html();

Full Code :

jsfiddle.net/xMzVY

Answer 1

Change your code to:

if ($(this).hasClass('symbol'))
    character = $('span:visible', $(this)).html();