how to fire event on label text change

Question

I'm trying to fire a function when the label text changes. This is my code

$("#frameItemCode").change(function (e) {
    alert("Changed");
});

#frameItemCode is my label id, but the event isn't firing. I have tried examples given before but they hasn't helped me.This is my html

<div class="input-group">
  <span class="input-group-addon" @*style="width: 120px;"*@>Item Group</span>
  <label class="input-group-addon" @*style="width: 120px;"*@ id="frameGroupCode"></label>
  <input class="form-control" type="text" id="frameGroupName" style="">
</div>

Answer 1

Depending on which browsers you need to support, you can use MutationObserver:

var observer = new MutationObserver(
    function (mutations) {
        alert('Label was changed!');
    }
);

observer.observe(document.querySelector('#frameGroupCode'), { childList: true });

Example jsFiddle