title: jQuery .change() does not work on the HTML text editor
body: <pre><code>&lt;select id=&quot;test&quot;&gt;
      &lt;option value=&quot;foo&quot;&gt;Foo&lt;/option&gt;
      &lt;option value=&quot;bar&quot;&gt;Bar&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;script&gt;
  $('#test').change(function(){
      $('#taskMessage').val($('#taskMessage').val()+&quot; &quot;+$('#test option:selected').text());
  });
  &lt;/script&gt;
  
  
  **&lt;textarea class=&quot;summernote&quot; id=&quot;taskMessage&quot; name=&quot;taskMessage&quot; data-plugin-summernote data-plugin-options='{ &quot;height&quot;: 200, &quot;codemirror&quot;: { &quot;theme&quot;: &quot;ambiance&quot; } }'&gt;&lt;?php echo htmlspecialchars($taskMessage); ?&gt;&lt;/textarea&gt;**
  </code></pre>
  <p>What is the method to add the <code>selected:option</code> to the <code>id:taskMessage</code> . if simple <code>textarea</code> is added with the following code it works fine <code>&lt;textarea id=&quot;taskMessage&quot;&gt;&lt;/textarea&gt;</code> but with the HTML editor it does not add the <code>selected:option</code> to the HTML text editor.</p>