title: Dynamically created summernote textarea - how to trigger function on change
body: <p>I am dynamically creating a summernote text area and populating it with the initial data. When this data is changed I want to call a funtion to update the database. For an 'input' field 'onchange' works (is triggered when you make a change and then leave the field) so I tried it here as per below. This did not work (was not triggered on leaving the field) and there is no console log message. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var  json = json + "&lt;textarea class='summernote col-lg-12 col-md-12 col-sm-12 col-xs-12' id='ymSpecificLine' name='ymSpecificLine' rows='1'"
                + "' onchange='taskDetailUpdateFunction(\"" + awardDetail.getAdDescription().replace("\"", "&amp;quot;") + "\", \"" + encoded_task_detail_ID.replace("\"", "&amp;quot;") + "\")'&gt;";
      json = json + awardDetail.getAdDescription();
      json = json + "&lt;/textarea&gt;";</code></pre>
  </div>
  </div>
  </p>