title: How to get event of change value on textarea?
body: <p>I have some problem to get value change event on textarea.</p>
  
  <p>I`m working on reCAPTCHA, in client side I have textarea where Google lib injects token and i cant take that textarea change event.</p>
  
  <p>Here is the code in question:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var el = $("#dod");
  el.on("change", function() {
    alert($(this).val());
  });
  
  
  $("#bb").click(function() {
    $("#dod").val('other event value');
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div&gt;
    &lt;textarea id="dod"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  
  &lt;button id="bb"&gt;other event&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Demo: <a href="http://jsfiddle.net/ovosg22g/1/" rel="nofollow">http://jsfiddle.net/ovosg22g/1/</a></p>
  
  <p>I can take event of typical change of textarea value (when im typing or paste text into my element) but when other 'action' changes my element value event doesn`t fire.</p>
  
  <p>Can you explain why it is happening? And tell me what i have to do to catch that event?</p>
  
  <p>One more i need that for form validation, i want enable submit button only when captcha is correct (in this case when google lib inject token to textarea)</p>