У меня есть следующий фрагмент кода, который используется для имитации текстового поля:

<label for="alertCmpVal">ALERT VALUE:</label>
<span class="center textBox displayField highlight" id="alertCmpVal" contenteditable> <?php print $alert_val;?> </span>

Мне нужно знать, когда меняется контент, например, Я нажимаю на него и меняю его с 0 на 1.

Я старался:

$(document).ready(function() 
{
    $(document.body).on('change','#alertCmpVal',function()
    {   
        alert("boo");
        $('#alertCmpVal').removeClass('highlight');
    })
}

но это не похоже на работу.

(Нотабене$(document.body) используется потому, что на моей главной странице начальное поле загружается динамически)

Я предполагаю, что это «изменение», которое ему не нравится, но я не вижу, чем его заменить. (jQuery / HTML5 хорошо, так как он используется только внутри).

Я видел несколько примеров, но, как правило, они, как представляется, для более сложных сценариев, требующих нескольких функций для обнаружения изменений при возникновении определенных других вещей, но я думаю, что должно быть более простое решение, подобноеon change метод.