title: Jquery on Input not working on dynamically inserted value
body: <p>I'm trying to alert a value using jquery when it is generated from a javascript code, the value is generated on the input box the problem is jquery cannot detect the changes, commands i tested are "change, input" but when i manually input a value jquery triggers </p>
  
  <p>sample code:</p>
  
  <p>value is dynamically generated on the javascript and pushed / inserted to the inputbox, the value is not manually generated
  <strong>javascript:</strong></p>
  
  <pre><code>document.getElementById("displayDID").value = DisplayName ;
  </code></pre>
  
  <p><strong>html:</strong></p>
  
  <pre><code>&lt;input type="text" id="displayDID" /&gt;
  </code></pre>
  
  <p><strong>jquery:</strong></p>
  
  <pre><code>$('#displayDID').on("input" ,function() {
              var work = $(this).val();
              alert(work);
          });
  </code></pre>
  
  <p>the value of the id="displayDID" changes but jquery cannot detect it after execution.</p>
  
  <p>sample fiddle <a href="http://jsfiddle.net/SU7bU/1/" rel="noreferrer">http://jsfiddle.net/SU7bU/1/</a></p>